/***************  templates/main/css/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
div#holder {
	font-family: arial;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1.6em 0em 0em;
}
h2 {
	font-size: 1.2em;
	margin: 1.4em 0em 0em;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	margin: 1.2em 0em 0em;
	font-weight: normal;
}
h4 {
	font-size: 0.9em;
	margin: 1.2em 0em 0em;
	font-weight: bold;
}
h5 {
	font-size: 0.9em;
	margin: 1.2em 0em 1.2em;
	font-weight: normal;
}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em;
	font-weight: bold;
}
p,
li {
	line-height: 18px;
}
p {
	font-size: 1em;
	margin: 0.9em 0em 1.2em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-left: 1.8em; /* 1.8em is flush left in IE6; 1.55em in Firefox2 */
	list-style-type: square;
}
img {
	border: 0 none;
}
th {
	font-weight: normal;
	text-align: right;
	padding-right: 0.5em;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
em {
	font-style: italic !important;
}
strong {
	font-weight: bold !important;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

/***************  templates/main/css/global.text.css  ***************/
/* Global Element Styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
                margin:0;
                padding:0;
}
table {
                border-collapse:collapse;
                border-spacing:0;
}
fieldset,img { 
                border:0;
}

caption,th {
                text-align:left;
}
q:before,q:after {
                content:'';
}
abbr,acronym { border:0;
}

a {
	color: #bdbdb9;
	text-decoration: underline;
}

a:hover {
	color: #c1a064;
	text-decoration: underline;
}
ul,ol{
	color: #bdbdb9;
	font: 12px arial;
	line-height: 18px;
	margin-left: 2em;
	margin-bottom: 2em;
}
ul {
	list-style-type:disc;
}

ol {
	list-style-type: decimal;
}


h1 {
	font-family: "PT Sans";
	font-size:13px;
	color:#332819;
	padding-bottom: 25px;
	text-transform: uppercase;
}

h2 {
	font-family:"PT Sans";
	font-size:25px;
	text-transform:normal;
	padding-bottom:14px;
	min-height:18px;
	color: #c8b38e;
	line-height: 24px;
}

h3,#main-content-right h3 {
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:4px;
	color: #c8b38e;
	font-weight: normal;
}

h4{
	font-size:13px;
	text-transform:uppercase;
	color: #bdbdb9;
	padding-bottom: 10px;
}
.f-left{
	float: left; position: relative;
}
.f-right{
	float: right;
}
.clearfix{
	clear: both;
}
.subpage-wrapper p,
.block-collection-wrapper p{ 
	margin-bottom:2em;
	font-size: 12px;
	line-height: 18px;
}
/***************  templates/main/css/global.layout.css  ***************/
/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

#absolute-container .toolbox-link {
	left: 245px;
}

/* START ANTI-MARGIN-COLLAPSING */
div#something {
	margin-top: -1px;
	padding-top: 1px;
}
/* END ANTI-MARGIN-COLLAPSING */

/* START FLOAT ENCLOSING ("EASY CLEARING") */
.clearfloat, .text-box:after, #content-container:after, #smo-icons:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */
/* START OFFSCREEN */
div#languages h2,
div#credits h2 {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */
body{
	background:#53442e;
	color: #bdbdb9;
	font: 12px arial;
	line-height: 16px;
}
#headerwrap{
	background:url(/templates/main/images/jw-header-bg.png) repeat scroll 0 0;
	height: 40px;
	width: 100%;
	position:relative;
	z-index: 10;
}
#header{
	width:951px ;
	margin: 0 auto;
	padding: 12px 0 0 13px;
	height: 28px;
}
#absolute-container{
	background:url(/templates/main/images/jw-main-menu-bg.png) no-repeat scroll 0 0;
	width: 208px;
	height: 560px;
}
.time-wrapper{
	width:365px;
}
div#holder{
	width: 964px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
	height: 770px;
}
.photo-gallery-mainvisual{
	height: 810px;
}
#content-container{
	background:url(/templates/main/images/jw-home-container-bg.png) repeat-x scroll 0 0;
	height: 196px;
	position: relative;
	z-index: 10;
	margin-top: -210px;
	padding-top: 14px;
}
#main-content,
#footer{
	margin: 0 auto;
	width: 964px;
}
#main-content{
	padding: 18px 0 45px;
	overflow-x:hidden;
}
#page_home #main-content{
	padding: 0;
	overflow: inherit;
}
#top-TAimage {
	bottom: 265px;
	height: 105px;
	position: absolute;
	right: 55px;
	width: 120px;
}
.offers-slider{
	width: 476px;
}
#content-sidebar{
	margin-right: 12px;
	background:url(/templates/main/images/jw-home-content-bg.png) repeat-x;
	height: 141px;
	padding: 16px 13px 13px;
	width: 450px;
}
.subpage-container{
	margin-top: -211px;
	background: #53442E;
	position: relative;
	z-index: 10;
}
.subpage-wrapper,
.block-collection-wrapper{
	width: 720px;
}
.subpage-wrapper{
	padding:19px 12px 0 0;
}
.footer-wrapper{
	background: #423522;
	width: 100%;
	height: 150px;
}
.contentBlock.type_accordionBlock.collapsed .accordionTitle,
.contentBlock.type_accordionBlock.expanded .accordionTitle{
    height:25px;
	cursor:pointer;
	padding:7px 11px 0;
    text-transform: uppercase;
    width: 698px;
    margin-top: 3px;
    font-weight: normal;
    color:#e5e4ca;
    font: 14px "PT Sans";
}
.contentBlock.type_accordionBlock.collapsed .accordionTitle {
   background:url(/templates/jw/_common/images/gallery-sprite-3L.png) no-repeat right 0;
}
.contentBlock.type_accordionBlock.collapsed .accordionTitle:hover,
.contentBlock.type_accordionBlock.expanded .accordionTitle:hover {
   background:url(/templates/jw/_common/images/gallery-sprite-3L.png) no-repeat right -32px;
}
.contentBlock.type_accordionBlock.expanded .accordionTitle {
    background:url(/templates/jw/_common/images/gallery-sprite-3L.png) no-repeat right -64px;
}
.blockCollection.accordionContent .imageHolder-left img,
.blockCollection.accordionContent .imageHolder-right img{
	width: 226px;
	height: 154px;
}
.blockCollection.accordionContent .contentBlock.type_textWithSideImage.group_basicBlock,
.block-collection-wrapper .contentBlock.type_textWithSideImage.group_basicBlock,
.block-collection-wrapper .contentBlock.type_richText.group_basicBlock{
	padding: 16px 3px 0;
}
.block-collection-wrapper .contentBlock.type_textWithSideImage .imageHolder-left{
	margin: 0 50px 15px 0;
}
.block-collection-wrapper .contentBlock.type_textWithSideImage .imageHolder-right{
	margin: 0 0 15px 50px;
}
.blockCollection.accordionContent .textSwitchHolder h3{
	 padding-top: 10px;
}
#page_erfp .flexFormInputBlock {
	float: left !important;
	width: 240px;
}
#page_erfp .nameSection {
    border-bottom: 1px solid #225A3F;
    clear: both;
    color: #9AD7B8;
    font-size: 14px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#page_erfp .flexInputSimple,
.flexInputSimple{
	border: 1px solid #CCC;
    height: 22px;
    width: 228px !important;
    background: #887557;
    color: #fff;
}
#page_erfp .flexInputSelect,
.flexInputSelect {
    border: 1px solid #CCC;
    height: 24px;
    width: 230px !important;
    background:#887557;
    color: #fff;
    padding: 3px;
    line-height: 26px;
}
#page_erfp .flexInputDate{
	border:0;
	width:221px !important;
	height:24px;
	background:#887557 url(/templates/jw/_common/images/date-tb-1L.png) no-repeat scroll 99%;
	cursor: pointer;
	color: #fff;
	padding-left: 5px;
}
#page_erfp .flexFormFieldHTML {
	width: 228px !important;
	font-size: 14px;
}
#page_guatemala-luxury-hotel .flexFormFieldHTML .flexInputTextarea{
	background:#887557;
    border: 1px solid #CCC;
    width: 228px !important;
}
 #page_erfp .flexibleFormContainer{
	padding: 0 0 0 1px!important;
	width:720px;
	margin: 0 ;
	/*color: #DFD8C5;*/
}
#page_erfp .flexFormBlockLabel{
    color:#c2bfba;
    padding-bottom: 4px;
    padding-bottom: 0\9;
    width: 450px !important;
    font-size: 12px;
}
.flexFormBlockLabel,
.contact-directions-address p{
	color:#c2bfba;
	font-size: 12px;
}
#page_erfp .radioButton,
#page_erfp .flexFormInputBlock .flexFormFieldHTML > div{
	display: inline;
	color: #C2BFBA;
    font-size: 12px;
    margin-right: 80px;
}
#page_erfp .contactMethodStyle .flexFormBlockLabel,
#page_erfp 	.guestroomcheckbox .flexFormBlockLabel{
	width: 200px !important;
}
#page_erfp .contactMethodStyle .flexFormFieldHTML,
#page_erfp 	.guestroomcheckbox .flexFormFieldHTML{
	width: 500px !important;
}
#page_erfp .checkbox{
    float: left;
    width: 485px;
    padding-top: 4px;
    line-height: 10px;
    font-size: 14px;
    color:#c2bfba;
}
#page_erfp .flexInputTextarea {
	 height: 120px !important;
	 border: 1px solid #CCC;
     width: 718px !important;
     background: #887557;
}
#page_erfp .flexFormSubmitBlock {
    width: 720px !important;
    clear: both;
}
#page_erfp .flexFormSubmitBlock button,
.flexFormSubmitBlock button{
	padding: 3px 6px 5px;
	padding: 3px 6px 5px 10px\9 !important;
	background:url(/templates/jw/_common/images/rm-btn-sprite.png) 0 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	border: 0 none;
	width:124px;
	height:25px;
	margin:1px 0 12px;
	font-family: arial;
	cursor: pointer;
}
#page_erfp .flexFormSubmitBlock button{
	margin-top: 20px !important;
	margin-right: 0;
	float: right;
}
#page_erfp img.flexInputDateCalendar{
	display: none;
}
.title-two, .additionalinfo, .additionalfile, .guestroomcheckbox, .guestroomtextbox{
	clear: both;
}
#page_erfp .flexibleFormContainer h3{
	padding-top: 10px;
}
#page_erfp .flexibleFormContainer .title-two h3,
#page_erfp .flexibleFormContainer h3{
	font-size: 14px;
	border-bottom: 1px solid #6a5a41;
	padding-bottom: 8px;
	line-height: 13px;
	color: #c8b38e !important;
	margin-bottom: 18px;
}
#page_erfp .flexibleFormContainer .title-two h3{
	padding-top: 44px;
}
#page_erfp .flexInputFile{
	border: 1px solid #ccc;
	background: #887557;
}
#page_reviews #cblock h3 a{
	font-size: 12px;
    font-weight: bold;
    color: #3C2639;
    text-decoration: none;
}
#page_reviews #cblock p{
	padding-bottom: 10px;
}
.flexFormLabelInvalid{
	color: red !important;
}
#page_atlanta-vacation-packages .flexFormSubmitBlock{
	text-align: left;
	padding-left: 254px;
}
#page_404 ul.sitemap,
#page_sitemap ul.sitemap{
	list-style: none;
}
#page_guatemala-luxury-hotel .contact-directions{
	width: 720px;
	height: 375px;
	margin-bottom: 10px;
	over-flow:hidden;
}
#page_guatemala-luxury-hotel.loggedIn .contact-directions{
	height: 401px;
}
#page_guatemala-luxury-hotel .flexibleFormContainer{
	padding: 0 10px 0 0;
	margin-top:-7px;
}
#page_guatemala-luxury-hotel .flexibleFormContainer .flexFormSubmitBlock{
	margin-right: 120px;
}
#page_sitemap ul.sitemap li.erfp{
	margin-left: 20px;
}
#page_guatemala-luxury-hotel #mod_flexibleForms{
	width: 510px;
}
#page_erfp .contactMethodStyle .flexFormInputBlock,
#page_erfp .guestroomcheckbox .flexFormInputBlock{
	width: 100%;
	margin-top: 10px;
}
#socialToolbarContainer{
	z-index: 100 !important;
}
.accordant-wrapper{
	text-transform:none;
}
ul.footer-logo.f-right-top.clearfix {
float: left;
position: relative;
top: -34px;
/*left: 200px;*/left: 360px;
}
ul.footer-logo.f-right.clearfix {

}
#menuffoterContainer{position: absolute; width: 450px;}


.tripAdvisorwrap
{
	position: absolute;
	top: 50px;
	right: 10px;
}
.TAContainer {
	float: right;
	width: 232px;
}
#CDSWIDTC.widTC2015 {
	margin: 20px auto;
}
#CDSWIDCOE {
	margin: 20px auto !important;
}


#TA_tchotel6{position: absolute; top: 375px; right: 0px;}

/***************  templates/main/libs/jquery/jscrollpane/jquery.jscrollpane.css  ***************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	left:0;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 7px;
	width: 7px;
	height: 100%;
	background: none;
}
*+html .jspVerticalBar
{
	right:9px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ac8e59;
	position: relative;
	width:1px;
}

.jspDrag
{
	background: #9f7d40;
	width:3px !important;
	height:97px !important;
	position: absolute;
	top: 0;
	left: -1px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}