/* $Id: browse.css,v 1.26 2011/11/30 10:17:11 adam.l Exp $
 -----------------------------------------------------------------------------*/
@import "bookingTabs.css";

/* ID overload, until rest of site adopts new tweaked styling */
#browseContainer {width:710px;overflow:hidden;}
#browseContainer #browseContent {width: 100%; float:left; }
#browseContainer .panel {margin-bottom: 20px; overflow: hidden;  width: 100%;} /* float clearing */


#browseContainer h1{ margin-bottom: 20px;}
#browseContainer h2{}
#browseContainer h3{ font-size: 22px; font-weight: bold; border-bottom: 2px solid rgb(220,208,186); margin-bottom: 20px;}
#browseContainer h4{}

/*********************** INNER TABS*********************/
.tabs { width: 710px; overflow: auto;}
.tabs li{ float: left; list-style-type:none;}
.subTabs {	
	background: #eee8dd; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #eee8dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee8dd));
	background: -webkit-linear-gradient(top, #fff 0%,#eee8dd 100%);
	background: -o-linear-gradient(top, #fff 0%,#eee8dd 100%);
	background: -ms-linear-gradient(top, #fff 0%,#eee8dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee8dd',GradientType=0 );
	background: linear-gradient(top, #fff 0%,#eee8dd 100%);
    border-bottom: 1px solid #c8bea1;
    margin: 0 auto;
    overflow: hidden;
    width:690px;
    padding: 12px 0 6px 20px;
}
.subTabs li {
    margin: 0 12px 0 0;
}
.subTabs li a {
    background: url("themes/hnjww/images/pageElements/background/subTabDivider.gif") no-repeat scroll right center transparent;
    color: #241D1A;     font-size: 0.9em;    font-weight: bold;    padding: 0 12px 0 0;}
.subTabs li a:hover { color: #E05F15;}
.subTabs li a:visited,
.subTabs li a:visited {    color: #241D1A;}

.subTabs li.ui-state-active a{text-decoration: none; color: #ae957a; cursor: default;}
/*********************** EOF INNER TABS *********************/

.countryPanel .countryTab { padding-top: 10px;}
.countryPanel { clear: left;}

/* OverviewTab */
#experiences p a:link,
#experiences p a:visited,
#experiences p a:active	{	color:rgb(108,81,0); font-weight: bold;}
#experiences p a:hover	{	color:#422C17;}
#overview h2 { display: none;}
#overview p strong { font-size: 1.1em}
/* EOF - OverviewTab */
/* Unmissable Resorts */
#resortHighlights ul {     list-style: none outside none;    margin: 0 0 0 -25px;    overflow: hidden;    width: 735px;}
#resortHighlights ul li {  display: inline; /* for IE6 */ float: left; margin-bottom: 20px; margin-left: 25px; width: 120px;}
#resortHighlights ul li img {width: 120px; height: 90px;}
#resortHighlights ul li a { text-decoration: none; color: rgb(108,81,0);}
#resortHighlights ul li a span {display: block; font-weight: bold; text-decoration: underline;}
/* EOF - Unmissable Resorts */

/* Fact File */
#experiences { width: 100%; overflow: hidden;}
#experiences p.expContent {float: left; padding-right: 20px; width: 470px;}
#experiences .snippet p { line-height: 16px; margin-bottom: 10px;} 
.factFile .snippetContainer{ border: 1px solid rgb(200,190,161); border-top: none; background: rgb(248,246,242); width: 690px; overflow: hidden; padding: 9px;}
#browseContainer .factFile h3 {background: rgb(84,65,7); border: none; margin-bottom: 0; color: #fff; padding: 5px 9px; font-size: 16px;}
.snippet { float: left; width: 45%; padding: 0 10px;}
.snippet p span{ font-weight: bold;}

.narrowWidth { width: 220px; float: right;}
.narrowWidth .snippetContainer{ width: 200px;}
.narrowWidth .snippet { width: auto; padding: 0;}
/* EOF - Fact File */
/* Alternate Destinations */
#alternateDestinations .altDestinations li p { margin-left: 130px; }
.altDestinations {     list-style: none outside none;    margin: 0 0 0 -25px;    overflow: hidden;    width: 735px;}
.altDestinations li {  display: inline; /* for IE6 */ float: left; margin-bottom: 20px; margin-left: 25px; width: 340px;}
.altDestinations li p strong { display: block; font-size: 15px;}
.altDestinations li img { float : left; width: 120px; height: 90px;}
/* EOF - Fact File */
/* Offers override */
#schOffers {width: 710px; overflow:hidden;}
/* EOF - Offers override */
/* Revised Design 2011 */
.general_content .infoContent {
		padding-left: 13px;
	}

#destinationContent .browseIntro{
	padding-top: 11px;
}

/* EOF Revised Design 2011 */



#resortContent{
	padding:16px 0 20px;
}

.infoMarginTop { margin-top:16px; }

#resortContent h1,
.resortSplitter h2	{
	margin-top:0px;
}
.resortSplitter h2	{
	font-size:1.5em;
}
#resortContent ul{
	margin:1em 2em;
}

.resortListColumn {
	display:inline;
	float:left;
	margin-left:3px;
	width:125px;
}

.destinationRegion {
	margin-bottom:10px;
}

#galleryResort{
	background:#F4F3EF none repeat scroll 0%;
	border-bottom:34px solid #FFFFFF;border-left:12px solid #FFFFFF;
	width:293px;
	height:220px;
	margin-bottom:12px;
	margin-top:19px;
	padding:2px;
	text-align:center;
}
#infoBox{
	border-bottom:34px solid #FFFFFF;border-left:12px solid #FFFFFF;
		width:292px;
}
#infoBox .imageContainer{
	background:none;
	border-bottom:6px solid #FFFFFF;
	padding:0pt;
}
h1 span,
h2 span{
	color:#97836B;
}
#resortSplitter {
	background-image: url(../themes/hnjww/images/pageElements/background/usaHighlightsBg.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	padding:10px 0 10px 6px;
	Width: 704px;
	overflow: hidden;
}

#resortSplitter h2{
	margin-bottom:0;
}
#resortSplitter div.resortList h2{
	margin-bottom:0;
}
#resortSplitter div  ul { float:left; margin:0; padding:0 8px 10px; width:118px; list-style: none; }

#resortSplitter li {
    background: url("../images/pageElements/background/menuLeftColArrowSprite.gif") no-repeat scroll 0 -221px transparent;
    font-weight: normal;
    list-style: none outside none;
    padding-left: 15px;
}
.popularDestinations {
	width: 708px;
	border:1px solid #98834D;
	margin-top: 10px;
	overflow:auto;
}
.popularDestinations ul {
	float:left;
	margin:0 0 1em 0 ;
}
div.popularDestinations ul li{
	margin-left:22px;
	font-weight:normal;
	list-style-image:url(../images/pageElements/glanceBullet.gif);
	width: 100px;
}
.popularDestinations h3 {
	margin: 5px!important;
}

/* = RS
---------------------------------*/

#destinationContent p.description,
#browseContainer  p.description{
	clear:left;
	float:left;
	margin-top:6px;
}
.resultsImage {
	float:left;
	height:96px;
	width:128px;
}
.resortContainer .accommodationContentContainer{
	float:none;
	margin:0 20px 0 141px;
	width:auto;
}
#destinationContent div.resortContainer {
	border-top: 1px solid #d0d0d0;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
}

div.accommodation {
	border-bottom: 1px solid #f0f0f0;
	overflow:hidden;
	padding-bottom: 10px;
	padding-top: 15px;
}

.accommodationContentContainer{
	float:left;
	margin-left:12px;
	width:348px;
}
.accommodationContentContainer div{
	float:left;
}
.accommodationContentContainer p.name{
	margin-bottom:0px;
	padding-bottom:2px;
}
.accommodationContentContainer p.saveStampOn{
	width: 261px;
}
.accommodationContentContainer p.name a { color:#422c17; font-weight:bold; margin:0px; padding:0px; }
.accommodationContentContainer p.name a:hover { color:#ff6b18; }
p.description {
	margin:12px 0px !important;
	width:360px;
}
div.glance {
	float:right;
	font-weight:bold;
	margin:0 12px 12px;
	width:170px;
}
div.glance ul, ul.contentList{
	list-style-image:url(../images/pageElements/glanceBullet.gif);
	margin:0em 0pt 0pt 1.5em;
	font-weight:normal;
}
div.accommodation div.actions {
	background:none;
	width:auto;
	font-weight:bold;
	margin: 0 0 0 141px;
	padding-left:0;
	width: 542px;
	overflow: hidden;
	zoom: 1;
}
div.accommodation div.actions a { margin: 12px 6px 0 0; }
div.accommodation div.actions .callToBookWidget {
	float: right;
}

/* =Accommodation Header / Footer
-----------------------------------------------------------------------------*/

.accommodationHeading {
	font-size: 1.4em;
	font-weight: bold;
	height: 26px;
	padding: 5px 0px 0px 9px;
	margin-bottom: 15px;
	clear: both;
}
.excursionsContent {
	padding: 10px 0 30px 0;
}
.messageBox{
	border-bottom: 6px solid #e6e3dc;
	padding:10px 10px 10px 0px;
	font-weight:bold;
	margin-bottom: 25px;
	margin-top: 30px;
}

/* = Left Column Offers Panel Region / Resort List
-----------------------------------------------------------------------------*/

.leftColumnText {
	font-size: 13px;
	font-weight: bold;
	padding: 15px 13px 0px;
}

/* RANDOM - DO NOT REMOVE ------------------------------------------------------------*/

#destinationContent h2 {
	margin-bottom: 15px;
}

#agentLogedIn li {
	list-style:none;
}
#resortSplitter .regionHeader,
#destinationContent .resortList li.regionHeader { background:none; border-bottom:1px solid; font-size:14px; font-weight:bold; margin:5px 0; padding:0; }

/*********************** NEW STYLES *********************/

/* Browse Resort Lists */
.countryMap p {padding: 12px 12px 0;}
.countryMap p a:link,
.countryMap p a:visited,
.countryMap p a:active	{ background: url("themes/hnjww/images/pageElements/icons/iconMap.gif") no-repeat scroll -8px -3px transparent;
display: block;    line-height: 25px;    padding-left: 20px;    text-align: left; color:rgb(108,81,0); }
.countryMap p a:hover	{	color:#422C17;}

.resortList{
	width: 730px;
	margin: 0 0 0 -20px;;
	padding: 0;
	list-style: none;
	float: left;
}

.resortList .resortPanel{
	width:321px;
	display: inline; /* ie6*/
	float:left;
	margin:0 0 20px 20px;
	padding:6px 11px 9px 11px;
	border:1px solid rgb(200,190,161);
	background:rgb(248, 246, 242);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	/*min-height:251px;*/	
}

/* Resorts and Hotels */

.resortList .noMargin {margin-right:0;}

.resortList .Unmissable {margin-right:0;width:686px;float:left;padding-top: 0;}

.resortList .Unmissable .resortPanelBackground {width:686px;float:left;margin:9px 0 0 0;background:url("themes/hnjww/images/resort_panel_repeater.gif") repeat-y;}

.resortList .resortPanel img {float:left;margin:0 11px 0 0;border:1px solid rgb(211,203,179);}
.resortList .resortPanel img {width:119px; height:89px;}
.resortList .Unmissable img {width:218px; height:163px;}

.resortPanelContent,
.resortPanelFeatures {float:left;}

.resortPanelContent {width:132px;}
.Unmissable .resortPanelContent {width:457px;padding:0 20px 0 0;margin:0 20px 0 0;float:left;}

.resortPanelImage {float:left; width:121px;}
.Unmissable .resortPanelImage {width:231px;}

.galleryLink {float:left;padding:0 0 0 30px; margin-top:10px; background:url("themes/hnjww/images/camera.gif") no-repeat;}
.galleryLink,
.galleryLink a {color:rgb(108,81,0); text-decoration:none;}
.resortPanelInformation {float:left;width:226px;}

.unmissableResort,
.resortName,
.resortTagContainer,
.resortDescription,
.resortAvailabity {width:100%; float:left;}

.unmissableResort,
.resortName, 
.resortName a {font-weight:bold; text-decoration:none; color:rgb(108,81,0);}
.unmissableResort {font-size:0.9em; color:rgb(108,81,0);}
.resortName, .resortName a {font-size:1.3em; color:rgb(46,36,33); line-height: 1.1em;}

.resortName,
.resortTagContainer {margin-bottom:0px;}
.Unmissable .resortName,
.Unmissable .resortTagContainer {margin-bottom: 7px;}

.resortDescription {margin-bottom:2px;}

.resortTagContainer {*margin-bottom:5px; } /* IE7 and below */ 
.resortTag {float:left;font-size:0.9em;padding:0 16px;margin:0 3px 5px 0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:rgb(220,207,186) url("themes/hnjww/css/themes/hnjww/images/tag.gif") 4px 5px no-repeat;}

.resortPanelImage a,
.resortAvailabity a 
{
	color:rgb(108,81,0);
	text-decoration:underline;
}
.resortAvailabity a {font-size:1em; font-weight:bold;}

.resortPanelFeatures {width:188px;}
/* EOF Resorts & hotels */

/* Resort Temperature */
.resortTemp {margin:13px 0 20px 0;}

/* Resort Highlights */
.resortHighlights {float:left;width:189px;margin:0;padding:0;}
.resortHighlights ul{padding:0; margin:0;}
.resortHighlights ul li { line-height: 16px; list-style-type:disc; margin-left:16px; padding-bottom: 6px;}
.resortHighlights ul li.resortTransfer {list-style-type:none;font-weight:bold;margin:15px 0 0 0;}

.resortMoreInfo a {margin:15px 0 10px 0;}
.resortMoreInfo a {float:right;}


/****** Tours ******/
#browseContainer h1 {	font-weight:bold;	font-size:2.3em;}
#browseContainer h2 {	font-weight:bold;	font-size:1.4em;}
#browseContainer .browseCopyFull {	width:710px;	float:left;	margin-bottom:20px;}
#browseContainer .fullTour {	width: 690px;	margin: 0 0 20px 0;	padding: 10px 9px;	float: left;	border:1px solid rgb(200,190,161);	background-color:rgb(248,246,242);}

#browseContainer .tourItem  .tourPrice p { margin-bottom: 0;}

#browseContainer .tourItem .infoHeader {	width:690px;	float:left;	border-bottom:1px solid rgb(200,190,161);	padding-bottom: 5px;	margin-bottom: 6px;}
#browseContainer .tourItem .infoHeader .duration {	float:right;	font-weight:bold;	color:rgb(36,29,26);	text-align: right; text-transform:lowercase;}
#browseContainer .tourItem  .infoHeader .tourPrice{	margin:0;	padding:0;}

#browseContainer .tourItem  .infoHeader .tourPrice span,
#browseContainer .addOn .tourItem .infoBody .duration span {	font-size:1.6em;}
#browseContainer .tourItem .infoHeader .infoTitle {	width: 510px;	float:left;}
#browseContainer .tourItem .infoHeader .infoTitle,
#browseContainer .tourItem .infoHeader .duration {	line-height:20px;}
#browseContainer .tourItem .infoHeader .infoTitle h3 {	color:rgb(84, 65, 6);	border:none;	margin:0;	padding:0;	margin:0;	float:left;	width:100%;	font-size:1.4em;}
#browseContainer .tourItem .infoHeader .infoTitle .infoTitleSub {	float:left;	width:100%;	margin:0;	padding:0;	color:rgb(108,81,0);}

#browseContainer .tourItem .infoBody {position: relative; }
#browseContainer .tourItem .infoBody .duration { display:none;}
#browseContainer .tourItem .infoBody { width:690px;	float:left;	}
#browseContainer .tourItem .infoBody .tourImage,
#browseContainer .tourItem .infoBody .tourImage img { width:220px;}
#browseContainer .tourItem .infoBody .tourImage { float:left; margin-right:23px;}
#browseContainer .tourItem .infoBody .tourMoreInfo { text-align:right; float:right;}
#browseContainer .tourItem .infoBody .tourMoreInfo a { margin:0;}
#browseContainer .tourItem .infoBody .tourDescription {float:left; width:276px; padding-right:30px; padding-bottom: 25px;  }
#browseContainer .tourItem .infoBody .tourLocation { float:left; width:121px; padding-left:17px;}
#browseContainer .tourItem .infoBody .tourLocation .tourMap { padding:0 11px 0 5px;}


/*** Add On tours ***/
#browseContainer .addOn { overflow: hidden; width: 730px;	margin-left: -20px;}
#browseContainer .addOn .tourItem { margin: 0 0 20px 20px; float: left; display: inline; /* IE6*/}
#browseContainer .addOn .tourItem .infoBody .tourImage,
#browseContainer .addOn .tourItem .infoBody .tourImage img {	float:left;	width:128px;	margin-right:48px;}
#browseContainer .addOn .fullTour {	width: 325px;	float:left; margin-bottom: 0px;}

#browseContainer .addOn .tourItem .infoHeader,
#browseContainer .addOn .tourItem .infoHeader .infoTitle,
#browseContainer .addOn .tourItem .infoHeader .infoTitle h3,
#browseContainer .addOn .tourItem .infoHeader .infoTitle .infoTitleSub,
#browseContainer .addOn .tourItem .infoBody {	width:325px;}

#browseContainer .addOn .tourItem .infoBody .duration {
	display:block;
	font-weight:bold;
	text-align:right;
	margin:0 0 28px 0;
}

#browseContainer .addOn .tourItem .infoBody .duration span {
	line-height:18px;
}

#browseContainer .addOn .tourItem .infoBody .tourLocation {
	width:129px;
}



/* Tours Brochure panel */
#browseContainer .brochureImage{
	float:left;
	margin-right:30px;
}

#browseContainer .tourContactDetails{
	width:271px;
	float:left;
	background-color:rgb(255,255,255);
	border:1px solid rgb(200,190,161);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:13px;
}

#browseContainer .brochureInfo {
	width:236px;
	float:left;
	padding: 30px 0 0 0;
	margin-right:30px;
	background-color: yellow;
}

#browseContainer .brochureInfoHeading {
	font-weight: bold;
	font-size:1.3em;
	color:rgb(84,65,6);
	width: 100%;
}

#browseContainer .brochureInfoContent {
	float:left;
	width:170px;
	margin-right:66px;
}


/* FILTERS */
.filterContainer{	background: #eee8dd; /* Old browsers */	background: -moz-linear-gradient(top, #fff 0%, #eee8dd 100%);	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee8dd));	background: -webkit-linear-gradient(top, #fff 0%,#eee8dd 100%);	background: -o-linear-gradient(top, #fff 0%,#eee8dd 100%);	background: -ms-linear-gradient(top, #fff 0%,#eee8dd 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eee8dd',GradientType=0 );	background: linear-gradient(top, #fff 0%,#eee8dd 100%);    margin: 0 auto;    overflow: hidden;    padding: 6px 10px;    width: 690px;}
.filters { margin: 0;}
.filters li{ background: url("themes/hnjww/images/pageElements/background/subTabDivider.gif") no-repeat scroll left center transparent;	padding-left: 12px;	list-style-type:none;	display: inline; float:left;	color:#2e2421;	font-weight:bold;}
.filters .firstDestin{ background: none; padding-left: 0;}
.filters li input { margin-right: 6px;  vertical-align: middle;}

/* Multi-Centre */
.multiContentBox { background-color: #F4F3EF;    border: 1px solid #CAC1A4;    float: left;    line-height: 14px;    margin-bottom: 10px;    margin-right: 10px;    padding: 9px;    text-align: left;    width: 325px;}
.multiCenterHeader {    border-bottom: 1px dotted #000000;    font-size: 1em;    font-weight: bold;    padding-bottom: 5px;}
.multiCenterHeader a {    color: #422C17;}
.multiContentBox div {    border: 1px solid #7B6444;    float: left;    margin-right: 10px;    padding: 3px;}
.multiCenterText {    height: 70px;    overflow: hidden;}
/* EOF Multi-Centre */
/* Brochure Panel */
#brochureAdvert { clear: both;}
#browseContainer .brochurePanel h3 { border: none; font-size: 15px; line-height: 18px;}
.brochurePanel { background: none repeat scroll 0 0 #F8F6F2;    border: 1px solid #C8BEA1;    border-radius: 6px 6px 6px 6px;    float: left;    padding: 18px; border: 2px solid rgb(229,226,219); width: 670px; overflow: hidden;}
.brochurePanel h3 { color: rgb(84,65,7);}
.brochurePanel .bpContent { float: left; width: 230px;  padding-top: 20px; position: relative;}
.brochurePanel .bpContent img { position: absolute; right: -80px; top: -10px;}
.brochurePanel .ctAction { background: rgb(255,255,255); padding: 10px; border: 2px solid rgb(229,226,219); width: 310px; float: right;}
.brochurePanel .ctAction p { color: rgb(84,65,7);font-size: 15px; }
.brochurePanel .ctAction p .phone { background: url("themes/hnjww/images/pageElements/icons/iconTelephoneSecondary.gif") no-repeat -7px -9px;color: rgb(108,81,0); display: block; padding-left: 35px; font-size: 24px; line-height: 24px; }
.brochurePanel .ctAction p.notes { color: #422C17; font-size: 12px; }
.brochurePanel .ctAction p.head,
.brochurePanel .ctAction p.notes span{ display: block; font-weight: bold;}
#brochureAdvert .ctAction p { margin: 0;}
/* EOF Brochure Panel */


#transportKey { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e5e4e1; padding: 10px 10px 10px 16px; float: left; margin: 0 0 20px 0; background: #f9f8f5 url("../images/toursAlias/icons/icon-tour-types.gif") no-repeat 16px 68px; width: 223px; float: left; height: 221px; clear: both; }
#transportKey ul {margin-top: 9px; float: left; list-style: none; font-size: 1.2em; color: #44352F; position: relative; top: 0px; left: 33px;}
#transportKey ul.right {left: 80px;}
#transportKey p {font-size: 1.2em; position: relative; top: 0px; left: 0px; color: #44352f; margin-bottom: 0px;}
#transportKey ul li {line-height: 2.7em; }
#transportKey ul li.double {line-height: 1em; margin-top: 8px; margin-bottom: 4px;}

#browseContainer .tourIcons div {position: absolute; bottom: 0; background: transparent url("../images/toursAlias/icons/icon-tour-types.gif") no-repeat top left; text-indent: -9999px; width: 30px; height: 30px; margin-right: 3px; display: inline; float: left;}
#browseContainer .tourIcons .coach { background-position: -100px 1px; }
#browseContainer .tourIcons .car { background-position: -100px -32px; }
#browseContainer .tourIcons .game { background-position: -100px -98px; }
#browseContainer .tourIcons .river { background-position: 2px -98px; }
#browseContainer .tourIcons .motorcycle { background-position: 2px -131px; }
#browseContainer .tourIcons .ship { background-position: 2px -65px; }
#browseContainer .tourIcons .train { background-position: 2px -32px; }
#browseContainer .tourIcons .plane { background-position: 2px 1px; }
#browseContainer .tourIcons .wildlife { background-position: -100px -65px; }