﻿.clearBoth
{
    clear:both;
}

/************* Main content area defaults ********************/

.mainContentArea img
{
   background-color:#efefef;
   border:1px solid #ddd;
   margin:10px;
   padding:5px;
}

.mainContentArea img[align="left"]
{
   margin-left:0px;
}
.mainContentArea img[align="right"]
{
   margin-right:0px;
}
.mainContentArea a
{
    text-decoration:underline !important;
}



/*************** Posts ************************/

.publishDate
{
float: right;
margin-left:10px;
}
.publishDate .day, .publishDate .month, .publishDate .year
{
float:left;
padding-right:5px;
}
.post
{
padding-bottom:20px;
clear:both;
}
.postIntro
{
padding:5px 0;
}	

.postTitle
{
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 10px;
padding:0;
font-weight:bold;
}

.crumbs
{
    padding-bottom:10px;
}

.searchResult
{
    padding:10px 0 10px;
}	


#photos li, #galleries li
{
    float:left;
    display:inline;
    list-style:none;
}
#photos
{
    clear:both;
}

.localPosts{clear:left}
.localPosts .post
{
clear:none;    
float:left;
padding-bottom:0;
padding:0 8px 0 0;
}
.localPosts .post a
{
    font-weight:normal;
    font-size:0.9em;
}

/* ---------- gallery styles start here ----------------------- */
.photo,.gallery {
    float: left;
    margin: 10px;
    text-align: center;
    width: 130px;
    height:130px;
}
.photo img, .gallery img {
	background: #fff;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 4px;
    height: 80px;
}
.photo span, .gallery span {
	/*width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 90px;
	background: url(/css/photogallery/pin.png) no-repeat;*/
}
.photo a, .gallery a {
	text-decoration: none;
}

.galleryName
{
    
}

.galleryDescription
{
    float:left
}

.sample1 span {
	width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 90px;
	background: url(images/pin.png) no-repeat;
}

.sample2 span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}

.sample3 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: -5px;
	left: -2px;
	background: url(images/paper-clip.png) no-repeat;
}

.sample4 span {
	width: 115px;
	height: 32px;
	display: block;
	position: absolute;
	top: -13px;
	left: 30px;
	background: url(images/tape2.png) no-repeat;
}

.sample5 span {
	width: 216px;
	height: 166px;
	display: block;
	position: absolute;
	top: -17px;
	left: -18px;
	background: url(images/gold-frame.png) no-repeat;
}

.sample6 span {
	width: 189px;
	height: 137px;
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	background: url(images/cut-corner.png) no-repeat;
}

.sample7 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/round-corner.png) no-repeat;
}
.sample7 img {
	border: none;
	padding: 0;
}

.sample8 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	background: url(images/round-corner.png) no-repeat;
}
.sample8 img {
	border: none;
	padding: 5px 6px 6px;
	background: url(images/round-bg.gif) no-repeat;
}

.sample9 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 6px;
	left: 7px;
	background: url(images/stamp-pattern.png) no-repeat;
}
.sample9 img {
	border: none;
	padding: 6px 7px 7px;
	background: url(images/stamp-bg.gif) no-repeat;
}

.sample10 span {
	width: 181px;
	height: 134px;
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	background: url(images/brush-border.png) no-repeat;
}
.sample10 img {
	border: none;
	padding: 0;
}

.sample11 span {
	width: 122px;
	height: 72px;
	display: block;
	position: absolute;
	top: -22px;
	left: -15px;
	background: url(images/floral-corner.png) no-repeat;
}

.sample12 span {
	width: 186px;
	height: 137px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(images/watercolor-top.png) no-repeat;
}
.sample12 img {
	border: none;
	padding: 9px 12px 12px 11px;
	background: url(images/watercolor-bg.png) no-repeat;
}

.sample13 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/mask.png) no-repeat;
}
.sample13 img {
	border: none;
	padding: 0;
}

.sample14 span {
	width: 170px;
	height: 84px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(images/glossy-gradient.png);
}

/***************** Accommodation Search ************************/

.accommodationSearch{
padding-bottom:15px;
}
.searchRow
{
    display:block;
    clear:left;
  
}
.searchCell
{
    float:left;
    width:70px;
    margin:3px 3px 3px 0;
}
.checkinDay, .checkinMonth,.checkoutDay, .checkoutMonth
{
    width:auto !important;
}
.searchCell .country, .searchCell .city,.searchCell .county,.searchCell .hotel,.searchCell .town
{
    width:140px;
}

.submitRow .searchCell 
{
    clear:left;
    float:none;
    width:140px;
    text-align:right;
}
.searchCell .error
{
    color:#ff0000;
    font-weight:bold;
}

.searchCell img
{
    margin:0;padding:0;
}
/***************** Special Offers ************************/
ul.productlist, ul.events
{
    padding-left:0;
    margin-left:0;
    clear:both;
}
.package a
{
    font-weight:bold;
}
li.package{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
li.package .previewImage
{
    margin:0 5px 5px 0;
    float:left;
}

li.package .packageImage
{
    margin: 0 3px 0 0;
    float:left;
    visibility:hidden;
    display:none;
}

li.package .packageImage img
{
    padding:2px;
    background-color:#ffffff;
    border:1px solid #cccccc;
}

li.package .packageTitle
{
}

li.package .packageescription
{
    padding-bottom:10px;
}
.package
{
    padding-bottom:10px
}
.viewAllPackages
{
    border-bottom:0px;
}
li.viewAllPackages
{
    list-style:none !important;
    background-image: none !important;
}
.businessName a
{
    font-weight:normal;
}
.businessName
{
    padding:5px 0;
}

li.package table.packageCheckout
{
    float:right;
}
li.package table.packageCheckout th
{
    text-align:left;
}

/******************* Events ****************************/
.event
{
    border-bottom:1px dotted #ccc;
    margin-bottom:5px;
}
.event .fromDate .year
{
    display:none;
}

.event .fromDate, .event .location, .event .dateSeperator
{
    float:left;
    padding:5px 0;
    clear:none !important;
}

.clear
{
    clear:both;
}
.event
{
    clear:both;
    padding-bottom:5px;
}
.event .eventTitle
{
    clear:both;
    display:block;
}
.event, .viewAllEvents {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.event .fromDate
{
    clear:left;
    padding:5px 0;
    display:inline;
}
.event .toDate
{
    float:left;
}

.event .fromDate .day, .event .fromDate .month, .event .fromDate .year,
.event .toDate .day, .event .toDate .month, .event .toDate .year
{
display:inline;
padding-right:2px;
}
.event .toDate
{
    display:none;
}


.viewAllEvents
{
    clear:both;
    text-align:left;
    list-style-type:none !important;
}
a.eventTitle
{
    font-weight:bold;
}

div.event .eventDescription
{
    clear:left;
}

/***************** Newsletter ************************/

.joinNewsletter{
padding-bottom:15px;
}

.clear
{
    clear:both;
}

.submitRow .divCell{
float:none;
}



/**************** Newsletter control **************************/

.divRow
{
    display:block;
    clear:left;
}
.divCell
{
    float:left;
    padding:5px;
}

.divLabel
{
    height:12px;
    margin-top:5px;
    vertical-align:middle;
    width:40px;
}

.submitRow .divCell
{
    margin-left:55px;
}

.divValidationMessage
{
    color:#f00;
    margin-left:55px;
    padding:0;
}

/*********************** Translate Websites ****************************/

.translationWebsite{height:18px;}
#translationMessage{padding-right:10px;}
#translationFlags img{ margin:0 3px;}

/************************ Availability Calendar *************************/
    .AvailabilityCalendar td.availCell, .AllocationLengend td.availCell{background-color:#9BFF44;}
    .AvailabilityCalendar td.noAvail,.AllocationLengend td.noAvail{background-color:#FF6759;}
    .AvailabilityCalendar td.changeOverDay,.AllocationLengend td.changeOverDay{background-image:url(/shared/images/changeover-day.jpg);background-repeat:no-repeat;}
    .AvailabilityCalendar td.noAvailchangeOverDay,.AllocationLengend td.noAvailchangeOverDay{background-image:url(/shared/images/noavailchangeover-day.jpg);background-repeat:no-repeat;}
    .AvailabilityCalendar td.cta,.AllocationLengend td.cta{background-color:#D7FFBA;}
    .AvailabilityCalendar td.min,.AllocationLengend td.min{border-top:4px solid #68A7FF; padding:0px 0px 4px;}
    .AvailabilityCalendar td a,.AllocationLengend td a {text-decoration:none !important; color:#000; font-size:1em;}
    .AvailabilityCalendar {margin-bottom:10px;}
    
     table.allogrid td{padding:4px; font-size:0.9em; }
    table.allogrid td.prodname { width:60%}
    table.allogrid th,table.allogrid td.priceInfo, table.allogrid td span {font-size:0.9em;}
    table.allogrid td.availCell {width:60px; text-align:center;}
    table.allogrid *{margin:0;}
    table.allogrid th {padding:0 3px; width:5%;}
    table.allogrid th em{font-weight:normal; font-style:normal; font-size:0.9em;}
    table.allogrid .noAvail{color:#ccc}
    table.allogrid tr{background-color:#f6f6f6}
    table.allogrid tr.alt{background-color:#fafafa}
    table.allogrid {border-spacing:2px !important; border-collapse:separate;}
    .AllocationLengend table {border-collapse: separate !important; border-spacing:3px;}
    a.viewCalendarLink{display: block;margin: 4px;text-align: center;}
    
    /*********************** reviews  ******************************/
    .review{border-bottom: 1px dotted;margin: 10px;padding-bottom: 5px;}
    .review blockquote{}
    .review .txtRating{font-weight:bold;}
    .review .rating{text-align:right;clear:both;}
    .review .reviewDetails{font-style:italic;text-align:right;clear:both;}


/******************* Business Profile *****************/

#profilePosts .post {padding:5px !important;}
#profileEvents .eventTitle{display:inline !important;float:left;padding-right:5px;}
.propertyListing {padding:5px;margin:5px;border:1px solid #ccc;clear:both;}
.propertyListing img.propertyListingImage {float:right;margin-left:10px;margin-bottom:5px;}
.propertyListing .propertyName, .propertyListing .propertyAddress {float:left;clear:left;}
.propertyListing .propertyLinks {clear:both; padding:2px;margin:2px 0px;border:1px solid #efefef;}
.propertyName a {font-weight:bold;}
.propertyListing .linkToReviews{background-image:url(/shared/images/star.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .linkToMap{background-image:url(/shared/images/map.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .linkToWebsite{background-image:url(/shared/images/world.png); padding:0px 0px 2px 20px; margin-left:10px; background-repeat:no-repeat;}
.propertyListing .propertyIntro{clear:left;}
.linkDirectoryCell td{padding-right:10px;}
.linkCategory{padding:10px;margin:10px;float:left;}
.linkCategory a.categoryName{clear:both; text-align:center;display:block;padding:5px 0px 0px 0px;}
.linkCategory .imglink img{width:200px;}
.linkCategory {height:150px;}
.profile-snippet1,.profile-snippet2{float:left;width:235px;margin:10px;}
.profile-snippet3{clear:both;}
.directoryRoomSearch{width:300px;margin:auto;}
a.profilePicture,.profilePicture img{float:left;}
.propertyProfile .accommodationSearch{float:left;margin:10px;}
.propertyProfile .accommodationSearch .button{padding: 4px;width: 200px;}
.propertyProfile .propertyDescription{padding-bottom:20px;}


/******************* Sliders *************************/
#DailyRateSlider {visibility:hidden;}
