/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
	Created on : Feb 14, 2014, 1:56:32 PM
	Author     : rvahora
*/


/* White Background div */
.whiteBGBlock {
	background: #ffffff;
	padding: 20px 15px;
	/*width: 100%;*/
	height: auto;
	overflow: hidden;
}

/*  ImageOnly Begin */
.containerImage {
	width: 99.5% !important;
	height: auto;
	text-align: center;
}

.containerImage img{
	border: none;
	margin: 1px;
}

.containerTextWithImage ul {overflow:hidden;}

/*  ImageOnly End */


/*  TextwithImage Begin */
.containerTextWithImage{
	clear: both;
	position: relative;
	overflow: auto;
	width: 100%;
	height: auto;
}

.containerTextWithImage img{
	text-align: center;
	border: none;
	display: inline;
}
/*  TextwithImage End */

/*  Two Image Layout Begin */
.containerTwoImageColumn .containerImage{
	width: 94.5% !important;
}

.containerTwoImageColumn .imageColumn_1 .addThisOverlayLeftWhite, .containerTwoImageColumn .imageColumn_2 .addThisOverlayRightWhite {
	width: 94.5% !important;
	height: 94.5% !important;
		padding-left: 3%;
		display: inline-flex;
		position: relative;
}

.containerTwoImageColumn{
	width: 100%; height: auto;padding: 20px 0px 15px 0px;overflow: hidden;position: relative; background-color: #ffffff;
}
.containerTwoImageColumn img { width: 100%; height: auto; max-width: 459px; max-height: 262px; }
.containerTwoImageColumn .imageColumn_1{
	/*width: 50%;*/width: 47.5%;float: left;margin-right: 0%;padding: 0 1% 0 1.5%;
}
/*.containerTwoImageColumn .imageColumn_1.extraPadding{
	padding-right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}*/
.containerTwoImageColumn .imageColumn_2{
	/*width: 50%;*/width: 47.5%;padding: 0 1.5% 0 1%;float: left;
}
/*.containerTwoImageColumn .imageColumn_2.extraPadding{
	padding-left: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}*/
.containerTwoImageColumn .imageColumn_1 .blueLinkBrownArrow { margin-right: 3%;}
.containerTwoImageColumn .imageColumn_2 .blueLinkBrownArrow { margin-right: 3%;}

/*  Two Image Layout End */



/*  Two Column Begin */
.containerTwoColumn{
	width: 100%; height: auto;padding: 0;overflow: hidden;position: relative;
}
.containerTwoColumn img { width: 100%; }
.containerTwoColumn .column_1{
	width: 49.5%;float: left;margin-right: 1%;text-wrap: normal;
}
.containerTwoColumn.leftDoubleWide .column_1 {width:66.1666%;margin-right:1.5%;}
.containerTwoColumn.leftDoubleWide .column_2 {width:32.3333%;}

.containerTwoColumn .column_1.extraPadding{
	padding-right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}

.containerTwoColumn .column_2{
	width: 49.5%;float: left;text-wrap: normal;
}
.containerTwoColumn.rightDoubleWide .column_1 {width:32.3333%;margin-right:1.5%;}
.containerTwoColumn.rightDoubleWide .column_2 {width:66.1666%;}

.containerTwoColumn .column_2.extraPadding{
	padding-left: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}
/*  Two Column End */


/*  Three Column Begin */
.containerThreeColumn{
	width: 100%; height: auto;padding: 0;overflow: auto;position: relative;
}
.containerThreeColumn img { width: 100%; }
.containerThreeColumn .column_1{
	width: 33%;float: left;margin-right: 0.5%; text-wrap: normal;
}
.containerThreeColumn .column_2{
	width: 33%;float: left;margin-right: 0.5%; text-wrap: normal;
}
.containerThreeColumn .column_3{
	width: 33%;float: left; text-wrap: normal;
}
/*  Three Column End */


/*  Four Column Begin */
.containerFourColumn{
	width: 100%; height: auto;padding: 0;overflow: hidden;position: relative;
}
.containerFourColumn img { width: 100%; }
.containerFourColumn .column_1{
	width: 24%;float: left;margin-right: 1.33%;text-wrap: normal;
}
.containerFourColumn .column_1.extraPadding{
	padding-right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}
.containerFourColumn .column_2{
	width: 24%;float: left;margin-right: 1.33%;text-wrap: normal;
}
.containerFourColumn .column_2.extraPadding{
	padding-left: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}
.containerFourColumn .column_3{
	width: 24%;float: left;margin-right: 1%;text-wrap: normal;
}
.containerFourColumn .column_3.extraPadding{
	padding-right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}
.containerFourColumn .column_4{
	width: 24%;float: left;text-wrap: normal;
}
.containerFourColumn .column_4.extraPadding{
	padding-left: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
}
/*  Four Column End */


/*  Video Begin */
.divVideo{
	border: 2px solid black;
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
}
.containerVideo {
	position: relative;
	text-align: center !important;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.containerVideo iframe,
.containerVideo object,
.containerVideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-library {
	overflow: hidden;
	display: inline-block;
/*	height: 143px;
	width: 145px;*/
	width: 153px;
	height: auto;
	vertical-align: top;
	text-align: center;
	word-wrap: break-word;
/*  outline: 1px solid red;*/
}

.video-library-large {
	overflow: hidden;
	display: block;
	height: auto;
	vertical-align: top;
	text-align: center;
	word-wrap: break-word;
}

.videoWrapperLarge:after {
	content: "";
	position: absolute;
/*	top: 20%;*/
        top: 30%;
	right: 30%;
	width: 40%;
	height: 40%;
	max-width: 100%;
	max-height: 100%;
/*    z-index: 100;*/
	pointer-events: none;
	background: transparent url("../img/video-sprite-circle.png") no-repeat center;
	background-size: 70%;
}

.videoWrapperSmall:after {
	content: "";
	position: absolute;
	top: 30%;
	right: 30%;
	width: 40%;
	height: 40%;
	max-width: 100%;
	max-height: 100%;
/*        z-index: 100;*/
	pointer-events: none;
	background: transparent url("../img/video-sprite-circle.png") no-repeat center;
}

.videoWrapper {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 100%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}


.videoWrapperLarge {
	/*        background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;*/
	background-size: 15%;
/*	max-width: 98.5%;*/
        max-width: 450px;
        max-height: 337px;
	width: 100%;
	margin: 0.93%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
	text-align: center;
	color: #7d7d7d;
}

.videoWrapperSmall {
/*        background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;*/
	max-width: 100%;
	width: 145px;
	margin: 0.93%;
	/*		height: 100px;*/
	height: auto;
	min-height: 100px;
	position: relative;
	display: block !important;
	float: left;
	text-align: center;
	color: #7d7d7d;
}

.videoWrapper1 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 100%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}

.videoWrapper2 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 48%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}

.videoWrapper3 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 31%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}

.videoWrapper4 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 23%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}

.videoWrapper5 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 18%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}

.videoWrapper6 {
	background: url("../img/video-sprite-circle.png") no-repeat 50% 50%;
	max-width: 15%;
	margin: 0.75%;
	height: auto;
	position: relative;
	display: block !important;
	float: left;
}


/*  Video End */

/*  Accordion Begin */

/*.moduleBody {margin: 0 ;padding: 0;}*/
.moduleBody .itemPreview {margin-bottom: 1px;}
.moduleBody {margin: 0 0 4% 0;padding: 0;}
.dlm .moduleBody {margin: 0;}
.moduleBody .itemPreview .mod_content .itemContent {overflow: hidden;text-wrap:normal; margin: 11px 1.3%;}

.moduleBody .itemPreview .mod_content .itemContent .imageLibWrapper { margin: 0.78%}
.moduleBody .itemPreview .mod_content .itemContent .videoWrapperSmall { margin: 0.78%}

.itemPreview.selected .itemPreviewTitle {
	background-color: #013668;
	color: #ffffff;
	background-position: 98% 14px;
}

.itemPreviewTitle
{
	color: #013668;
	font-size: 1.6em;
	font-weight: 100;
	min-height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0 40px 0 12px;
	cursor: pointer;
	background-color: #D0D1CB;
	background-image: url("../img/accordionArrows.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 98% -45px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}

.brand-terms.itemPreviewTitle, .property-terms.itemPreviewTitle {
	color: #003667!important;
	font-size: 13px;
	font-weight:400;
	margin: 1px 2px 0 0;
	padding: 0 37px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 28px;
	line-height: 29px;
	cursor: pointer;
	background-image: url("../img/moreLess.png");
	background-repeat: no-repeat;
	background-position: right 1px;
	font-family: 'Open Sans', sans-serif;
	border-top: solid 1px #D0D1CB;
	text-align: right;
	width: 100%;
}

.property-terms.itemPreviewTitle {background-image: url("../img/property/resort/moreLess.png");}

.selected .brand-terms.itemPreviewTitle, .selected .property-terms.itemPreviewTitle {color: #003667;background-position: right -39px;}

/*  Accordion End */

/*  Image Library Begin */

.fancyboxImage{
	display: block;
}

.imageLibWrapper {
	max-width: 100%;
	border: 1px solid grey;
	width: 175px;
	margin: 0.95%;
	height: 120px;
	position: relative;
	display: block !important;
	float: left;
	text-align: center;
	color: #7d7d7d;
}

/*  Image Library End   */

@media only screen and (max-width: 767px){
	.containerTextWithImage img{
		text-align: center;
		display: block;
	}

		/*  Two Image Layout Begin */
		.containerTwoImageColumn{
				width: 100%; height: auto;padding: 0;overflow: hidden;position: relative; background-color: #ffffff;
		}
		.containerTwoImageColumn img { width: 100%; height: auto; max-width: 460px; max-height: 260px; }
		.containerTwoImageColumn .imageColumn_1{
				width: 96%;float: left;text-wrap: normal;margin: 2%;
		}
		.containerTwoImageColumn .imageColumn_1.extraPadding{
				padding-right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
		}
		.containerTwoImageColumn .imageColumn_2{
				width: 96%;float: left;text-wrap: normal;margin: 2%;
		}
		.containerTwoImageColumn .imageColumn_2.extraPadding{
				padding-left: 20px;-moz-box-sizing: border-box;box-sizing: border-box;
		}
		.containerTwoImageColumn .imageColumn_1 .blueLinkBrownArrow { margin-right: 5px;}
		.containerTwoImageColumn .imageColumn_2 .blueLinkBrownArrow { margin-right: 5px;}
		/*  Two Image Layout End */


	.containerTwoColumn{
		width: 100%; height: auto;padding: 0;
	}
	.containerTwoColumn p img { width: 100%; }
	.containerTwoColumn .column_1{
		width: 100%;float: left;display: block;text-wrap: normal;
	}
	.containerTwoColumn .column_2{
		width: 100%;float: left;display: block;text-wrap: normal;
	}

	.containerThreeColumn{
		width: 100%; height: auto;padding: 0;
	}
	.containerThreeColumn p img { width: 100%; }
	.containerThreeColumn .column_1{
		width: 100%;float: left;display: block; text-wrap: normal;
	}
	.containerThreeColumn .column_2{
		width: 100%;float: left;display: block; text-wrap: normal;
	}
	.containerThreeColumn .column_3{
		width: 100%;float: left;display: block; text-wrap: normal;
	}

		.containerFourColumn{
		width: 100%; height: auto;padding: 0;
	}
	.containerFourColumn p img { width: 100%; }
	.containerFourColumn .column_1{
		width: 100%;float: left;display: block;text-wrap: normal;
	}
	.containerFourColumn .column_2{
		width: 100%;float: left;display: block;text-wrap: normal;
	}
		.containerFourColumn .column_3{
		width: 100%;float: left;display: block;text-wrap: normal;
	}
	.containerFourColumn .column_4{
		width: 100%;float: left;display: block;text-wrap: normal;
	}
}
@media only screen and (max-width: 1109px){
	#wsa_embed {
		background-image: none !important;
	}
}
@media only screen and (max-width: 1440px){
	#mainvisual > .addThisCtr {
		display: none !important;
	}
}