/* Common Styles */
body {
	background-color: #ddd;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
}
.responsiveContainer-ForTesting-DoNotInclude {
	background-color: #ffffff;
	margin: 100px auto;
}
#exclusivesWrapper, #flightsWrapper, #cruisesWrapper, #vacationsWrapper, #shortbreaksWrapper, #resortsWrapper {
    display: block;
    position: relative;
    z-index: 1;
	background-color: #ffffff;	
	margin: 0px 0px 15px 0px;
}
h4.toggler {
	display: block;    
    position: relative;
    
	font-family: 'Source Sans Pro',  Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	cursor: pointer;

	background-color: #28b1ca;
}
.plus, .minus {
	height: 27px;
	width: 27px;
	
    display: block;
    float: right;    
    position: relative;
}
.plus {background-image: url("../images/buttons/IMG-OpenAccordianPanel_PlusSymbol.png");}
.minus {background-image: url("../images/buttons/IMG-CloseAccordianPanel_MinusSymbol.png");}
.togglercontent {
    display:none;
    overflow:hidden;
    zoom:1;
    position:relative
}
.togglercontent div {
    /*padding:0px;*/
    overflow:hidden;
    zoom:1;
    position:relative
}
.dealtoggle div div, .dealtoggle div div p {
    /*padding:0;
    margin:0;*/
}
.dealtoggle .hr {
    height:1px;
    background:#ccc;
    margin:5px 0;   
}
/* Common Styles */










/* Responsive Styles - Phone Portrait */
@media (min-width: 1px) and (max-width: 767px) {
	.responsiveContainer-ForTesting-DoNotInclude {
		width: 320px;
	}
	.accordionContainer {
		width: 300px;
		margin: 0px auto;	
	}
	h4.toggler {
		font-size: 24px;	
		padding: 12px 0px 12px 13px;
		margin: 0px 0px 0px 0px;
	}
	.plus, .minus {
		margin: 0px 15px 0px 0px;
	}	
}
/* Responsive Styles - Phone Portrait */





/* Responsive Styles - Tablet Portrait */
@media (min-width: 768px) and (max-width: 1023px) {
	.responsiveContainer-ForTesting-DoNotInclude {
		width: 768px;
	}
	.accordionContainer {
		width: 668px;
		margin: 0px auto;	
	}
	h4.toggler {
		font-size: 28px;	
		padding: 12px 0px 12px 23px;
		margin: 0px 0px 0px 0px;
	}
	.plus, .minus {
		margin: 3px 23px 0px 0px;
	}
}
/* Responsive Styles - Tablet Portrait */





/* Responsive Styles - Tablet Landscape and Desktop */
@media (min-width: 1024px) {
	.responsiveContainer-ForTesting-DoNotInclude {
		width: 1024px;
	}
	.accordionContainer {
		width: 874px;
		margin: 0px auto;	
	}
	h4.toggler {
		font-size: 30px;	
		padding: 12px 0px 12px 28px;
		margin: 0px 0px 0px 0px;
	}
	.plus, .minus {
		margin: 4px 28px 0px 0px;
	}
}
/* Responsive Styles - Tablet Landscape and Desktop */