/* $Id: browse.css,v 1.7 2010/09/16 09:04:46 dario.s Exp $
 -----------------------------------------------------------------------------*/
@import "thickBox.css";
@import "bookingTabs.css";
@import "index.css";
@import "florida.css";
@import "family.css";

#resortContent{
	padding-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;
}
#infoBox .imageContainer img{
    width:293px;
    height:220px;
}
h1 span,
h2 span{
	color:#97836B;
}
.resortSplitter {
	background-image: url(../themes/jetsv/images/pageElements/background/usaHighlightsBg.jpg);
	background-repeat: repeat-x;
	float:left;
	font-weight: bold;
	height: 165px;
	padding-top: 10px;
	padding-left:6px;
}
.resortSplitter h2{
	margin-bottom:0;
}
.resortSplitter div.resortList h2{
	margin-bottom:0;
}
.resortSplitter div.resortList ul{
	margin:1em 1.5em;
	float:left;
	width:138px;
}
.countryMap {
	float: right;
	height: 79px;
	margin-top: -4px;
	width: 144px;
	text-align:center;
}
/* = RS
---------------------------------*/

#destinationContent .accommodationContentContainer{
	margin-right:0 !important;
	width:auto;
	overflow:hidden;
}
#destinationContent p.description{
	width:auto;
}
.resultsImage {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	float:left;
	height:96px;
	margin:5px;
	padding:5px;
	width:128px;
}
.resortContainer .accommodationContentContainer{
	margin:0 20px 0 141px;
	width:auto;
}
.accommodationContentContainer{
	float:left;
	width:320px;
	margin:0 0 0 10px;
}
.accommodationContentContainer p.name{
	margin-bottom:0px !important;
}
p.description {
	margin:6px 0px !important;
	width:320px;
}
div.glance {
	background:url(../images/pageElements/backgrounds/ataGlanceBg-Lrg.gif) no-repeat;
	color: #3c3c3c;
	float:right;
	font-weight:bold;
	margin:0;
	padding:10px 20px 14px 20px;
	width:156px;
	height:144px;
}
div.glance ul, ul.contentList{
    list-style-type: square;
	margin:5px 0pt 0pt 1.0em;
	font-weight:normal;
	font-size:0.9em;
	color: #bb181d;
	line-height:1.2em;
}
.glance li {
    list-style-type: disc;
}
.accommodationContentContainer div.actions {
	background:none;
	float:none;
	width:auto;
	font-weight:bold;
	margin:8px 0px;
	padding-left:0;
	display:block;
	overflow:hidden;
	color:#ffffff;
}
#browseContent .accommodationContentContainer div.actions a {
	background:url(../images/pageElements/buttons/btnMoreInfo-Lrg.gif) no-repeat;
	float:left;
	width:160px;
	height:22px;
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding:2px 0 0 8px;
	text-decoration:none;
}
#browseContent .accommodationContentContainer div.actions a:hover {
	background:url(../images/pageElements/buttons/btnMoreInfo-Lrg-Red.gif) no-repeat;
}

/* ========================================
	Accommodation  At A Glance Styles
=========================================*/
.accommGlanceContainer{
	width:322px;
	margin:0 190px 0 161px;
	padding-bottom:5px;
	display:block;
	overflow:hidden;
}
#browseContent .accommGlanceContainer p.name{
	margin-bottom:0px !important;
}
#browseContent .accommGlanceContainer h2.name a{
	margin-bottom:0px !important;
	padding:0;
	color:#3c3c3c;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
}
#browseContent .accommGlanceContainer p.description {
	margin:12px 0px !important;
	width:320px;
}
#browseContent .accommGlanceContainer .eventActions {
	clear:both;
	margin-top:12px;
	padding:0;
}
#browseContent .accommGlanceContainer .eventActions a {
	float:left;
	color:#ffffff;
	padding:3px 20px 0 8px;;
	background:url(../images/pageElements/buttons/btnMoreInfo-Lrg.gif) no-repeat left;
	width:140px;
	height:21px;
}
#browseContent .accommGlanceContainer .eventActions a:hover {
	text-decoration:none;
}

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

.accommodationHeading {
    background-color:#BB181D;
    color:#FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	height: 26px;
	padding: 5px 0px 0px 12px;
	margin-bottom: 15px;
}
h2.accommodationHeading {
	font-size: 1.4em !important;
}
.thickBoxClose {
	background-color: #CBC1A6;
	border: 1px solid #331A04;
	color: #fff;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding: 3px 3px;
}

.excursionsContent {
	padding: 0px 0px 30px 10px;
}

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

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

/* GALLERY ------------------------------------------------------------*/

#image-paging{
	padding:0;
	margin:10px 10px 0 0;
}
#image-paging ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#image-paging ul.paging{
	float:right;
	width:auto;
}
#image-paging ul.paging li{
	display:block;
	float:left;
	margin:0;
	padding:1px 5px 0 5px;
	width:auto;
}
#image-paging ul.paging li.previous{
	padding:0 2px 0 0;
}
#image-paging ul.paging li.next{
	padding:0 0 0 6px;
}
#image-paging ul img{
	border:0px !important;
}

/* = Destinations Map / Resort List
-----------------------------------------------------------------------------*/

#destinationsMap {
    border-top: 8px solid #046085;
    background-color: #f8f8f8;
    height: 150px;
}
#destinationsMap .innnerBox {
	padding-left: 20px;
	width: 200px;
    float: left;
}
#destinationsMap div.innnerBox ul li h2 {
	font-size:1em;
	margin: 0;
}
.destinationsSection .innerRight .link,
#destinationsMap .innnerRightBox a,
#destinationsMap .innnerBox a {
    color: #bb1f27;
    text-decoration: underline;
}
#destinationsMap .innnerRightBox {
    float: right;
    width: 150px;
}

/* = Resort Level Deal of the week / offers
-----------------------------------------------------------------------------*/

.resortOfferContainer {
	float:left;
	height:145px;
}
#browseOfferOfTheWeek {
	background: url(themes/jetsv/images/pageElements/backgrounds/resort-offerOfTheWeek.gif) no-repeat scroll 0 0;
	height:37px;
	padding:6px;
	width:330px;
}
#browseOfferOfTheWeek h2,
#browseRegionSpecificOffer h2 {
	color:#000;
	font-size:1.3em!important;
}
#browseOfferOfTheWeek h2 span,
#browseRegionSpecificOffer h2 span {
	color:#BB1F27;
}
#browseOfferOfTheWeek .offerOfTheWeekDetails,
#browseRegionSpecificOffer .regionOfferDetails {
	background:#E5F2F8 url(themes/jetsv/images/pageElements/backgrounds/resort-offerOfTheWeek-bottom.gif) no-repeat scroll left bottom;
	padding:6px;
	position:relative;
	right:6px;
	width:330px;
}
#browseOfferOfTheWeek .offerOfTheWeekDetails p.innerContent {
	float:right;
	font-weight:bold;
	margin-right:50px;
	width:100px;
}
#browseOfferOfTheWeek .offerOfTheWeekDetails p.innerContent strong {
	color:#BB1F27;
	font-size:1.3em;
	font-weight:bold;
}
#browseOfferOfTheWeek .offerOfTheWeekDetails p.innerContent img {
	border:none!important;
	bottom:23px;
	left:40px;
	position:relative;
}
#browseRegionSpecificOffer {
	background: url(themes/jetsv/images/pageElements/backgrounds/resort-offerOfTheWeek.gif) no-repeat scroll 0 0;
	float:right;
	height:37px;
	padding:6px;
	width:330px;
}

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

li {
	font-weight:normal;
	list-style-image:url(../images/pageElements/glanceBullet.gif);
}
#agentLogedIn li {
	list-style:none;
}
#browseContent h2 {
	font-size:1em;
	margin:0px;
}
#browseContent h2.name,
	#browseContent h2.title {
	padding:4px 0px;
}
#browseContent .header{
	clear:both;
	font-size:1.5em;
	font-weight:bold;
}
#browseContent li.resortChoice {
    display:inline;
    padding-left:10px;
}
#browseContent li.resortChoice h2 {
    display:inline;
}
#browseContent a{
    color:#af141a;
    text-decoration:underline;
}
#browseContent h2.title a{
    color:#3c3c3c;
    font-size:1.2em;
    text-decoration:none;
}