/* RADIO BUTTON STYLE */
/* hide input */
input.radio:empty {
	position:absolute;
	left:0px;
	margin-left: -9999px;
}
/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	line-height:25px;
	text-indent:27px;
	
	font-weight:200;
}
input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	content: '';
	align-content:center;
	width: 25px;
	height:25px;
	line-height:25px;
	text-indent: 0px;
	background: #FFF;
	border-radius: 3px;
	border:1px solid #E7E7EB;

	font-size:20px;
}
/* toggle hover */
input.radio:hover:not(:checked)~ label:before {
	content:'';
	border:1px solid #007610;
}

input.radio:hover:not(:checked) ~ label {
}
/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
/*	padding-left:3px;*/
	content:url(check-box-tick.png); 
	color: #007610;
	background-color: #007610;
	border:1px solid #3E3E52;
	font-weight:bold;
	font-size:20px;
}
input.radio:checked ~ label {
}
/* toggle with error */
input.radio.error~ label:before {
	border:1px solid #FE7070;
    /* make it glow! */
    -webkit-box-shadow: 0px 0px 10px #FE7070;
       -moz-box-shadow: 0px 0px 10px #FE7070;
            box-shadow: 0px 0px 10px #FE7070; /* some variation of blue for the shadow */
}

/* radio focus */
input.radio:focus ~ label:before {
}

/* RADIO BUTTON STYLE FOR QUOTES*/

/* hide input */
#sectionQuotes input.radio:empty {
	position:absolute;
	left:0px;
	margin-left: -9999px;
}
/* style label */
#sectionQuotes input.radio:empty ~ label {
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	/*line-height:60px;*/
	text-indent:0px !important;/*27px;*/
	vertical-align:text-bottom;
	margin-top:0px;
	
	font-weight:normal;
	
	/*border:1px solid red;*/
}
#sectionQuotes input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 28px;
	left: 50%;
	margin-left:-35px; /*minus half of the width*/
	content: 'Select';
	align-content:center;
	width: 70px;
	max-width: 90px;
	height:25px;
	line-height:22px;
	text-indent: 0px;
	background: #E8F9EF;
	border-radius: 15px;
	border:2px solid #00682D; /*#E7E7EB;*/
	color:#00682D;
	font-weight:normal;
	font-size:15px;
}
/* toggle hover */
#sectionQuotes input.radio:hover:not(:checked)~ label:before {
	content:'Select';
	border:2px solid #007610;
	font-weight:bold;
}

#sectionQuotes input.radio:hover:not(:checked) ~ label {
}
/* toggle on */
#sectionQuotes input.radio:checked ~ label:before {
	content:'\2714';
/*	padding-left:3px;
	content:url(check-box-tick.png);*/ 
	content:'Select';
	color: #E8F9EF;
	background-color: #00682D;
	border:2px solid #00682D;
	font-weight:bold;
	font-size:15px;
}
#sectionQuotes input.radio:checked ~ label {
}
/* toggle with error */
#sectionQuotes input.radio.error~ label:before {
	border:1px solid #FE7070;
    /* make it glow! */
    -webkit-box-shadow: 0px 0px 10px #FE7070;
       -moz-box-shadow: 0px 0px 10px #FE7070;
            box-shadow: 0px 0px 10px #FE7070; /* some variation of blue for the shadow */
}

/* radio focus */
#sectionQuotes input.radio:focus ~ label:before {
}


/* CHECKBOXES BUTTON STYLE */
/* hide input */
input.checkbox:empty {
	position:absolute;
	left:0px;
	margin-left: -9999px;
}
/* style label */
input.checkbox:empty ~ label {
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	line-height:25px;
	text-indent:27px;
	
	font-weight:200;
}
input.checkbox:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	content: '';
	align-content:center;
	width: 25px;
	height:25px;
	line-height:25px;
	text-indent: 0px;
	background: #FFF;
	border-radius: 3px;
	border:1px solid #E7E7EB;

	font-size:20px;
}
/* toggle hover */
input.checkbox:hover:not(:checked)~ label:before {
	content:'';
	border:1px solid #007610;
}

input.checkbox:hover:not(:checked) ~ label {
}
/* toggle on */
input.checkbox:checked ~ label:before {
	content:'\2714';
/*	padding-left:3px;*/
	content:url(check-box-tick.png); 
	color: #007610;
	background-color: #007610;
	border:1px solid #3E3E52;
	font-weight:bold;
	font-size:20px;
}
input.checkbox:checked ~ label {
}
/* toggle with error */
input.checkbox.error~ label:before {
	border:1px solid #FE7070;
    /* make it glow! */
    -webkit-box-shadow: 0px 0px 10px #FE7070;
       -moz-box-shadow: 0px 0px 10px #FE7070;
            box-shadow: 0px 0px 10px #FE7070; /* some variation of blue for the shadow */
}

/* radio focus */
input.checkbox:focus ~ label:before {
}

/* DATES BUTTON STYLE */

.datePickerContainer
{
	background-color:#007610;
	border-radius:10px;
	height:350px;
	width: 300px;
}
.datePickerContainerArrow
{
	width: 500px;
	height:18px;
	background-image:url(Calendar-Arrow.png);
	background-position:425px;
	background-repeat:no-repeat;
}
.datePickerHeader
{
	color: #FFF;
	font-size:10pt;
	text-align:center;
	font-weight:100;
	padding:20px 5px;
}
.datePickerHeaderText
{
	float:left;
	margin-left:20%;
	/*margin-right:20%;*/
	width:60%;
	height: 40px;
	text-align:center;
}
.calendarInput
{
	width:40%;
	border:2px solid #333333;
	border-radius:10px;
	float:left;
	background-color:white;
	cursor:pointer;
}
.calendarInput input[type=text]
{
	border-radius:9px;
	z-index:0;
	background-color:transparent;
	border:0px;
	cursor:pointer;
	width:90%;
}
.calendarIcon
{
	background-color: Transparent;
	background-image:url(calendar-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:30px 30px;
	width:40px;
	height:39px;
	margin:0px;
	margin-left:-40px;
	border:0;
	float:right;
	z-index:1;
}
.calendarInputConnectingLabel
{
	width:50px;
	float:left;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
}
 
/* BUTTONS */
.buttonAlterationRemove
{
	background-color: Transparent;
	background-image:url(icon-AlterationsRemove.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:15px 15px;
	width:25px;
	height:25px;
	margin:0px;
	margin-right:5px;
	border:0;
}
.buttonAlterationAdd
{
	background-color: Transparent;
	background-image:url(icon-AlterationsAdd.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:15px 15px;
	width:25px;
	height:25px;
	margin:0px;
	margin-left:5px;	
	border:0;
}

.buttonExtraDetails
{
	float:right;
	text-align:center;
	cursor:pointer;
	margin-top:-48px;
	margin-right:5px;
}

.buttonAction1
{
/*	background: linear-gradient( #BE2226 , #8B181B );  Standard syntax */
	background-color:#999999;
	border-radius:20px;
	border:0px solid #C02125;
	padding:25px 15px;
	cursor:pointer;
	font-weight:200;
	font-size:16pt;
	color:#FFF;
	width:300px;
	text-align:center;
	margin:0px auto;
	
	height:80px;
	
	text-transform: uppercase;
}
#buttonCC.buttonAction1
{
	background-image:url(icon-Payment-CC.png);
	background-repeat:no-repeat;
	background-position:center 45px;
	padding-top:10px;
}
#buttonPaypal.buttonAction1
{
	background-image:url(icon-Payment-Paypal.png);
	background-repeat:no-repeat;
	background-position:center 45px;
	padding-top:10px;
}

.buttonAction2
{
	float:left;
/*	background: linear-gradient( #DD8B8B , #BE2226 );  Standard syntax */
	background-color:#999999;
	border-radius:20px;
	border:0px solid #C02125;
	padding:5px 15px;
	cursor:pointer;
	font-weight:100;
	font-size:10pt;
	color:#808080;
	color:#FFF;
	height:40px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	
	text-transform: uppercase;
}
.buttonAction2.smallButton
{
	border-radius:15px;
	border:0px solid #C02125;
	padding:5px 10px;
	font-size:9pt;
	height:26px;
	line-height:18px;
}
.buttonAction2.fadedButton
{
	background-color:#C0C0C0;
	padding:5px 15px;
	font-size:10pt;
	color:#FFF;
	height:40px;
	line-height:30px;
	width:auto;
}

.buttonAction2.highlightedButton
{
	background-color:#666666;
	font-weight:bold;
}


.fadedButton
{
	background-color:#AFAFAF;
	width:auto;
	font-size:15pt;
	height:auto;
	line-height:normal;
	padding:6px 0px;
	width:300px;

}

.marginTop, .buttonAction2.marginTop
{
	margin-top:8px;
}
.marginBottom, .buttonAction2.marginBottom
{
	margin-bottom:8px;
}
.marginRight, .buttonAction2.marginRight
{
	margin-right:8px;
}
.marginLeft, .buttonAction2.marginLeft
{
	margin-left:8px;
}
.marginTop_small, .buttonAction2 .marginTop_small
{
	margin-top:5px;
}
.marginBottom_small, .buttonAction2.marginBottom_small
{
	margin-bottom:5px;
}
.marginRight_small, .buttonAction2.marginRight_small
{
	margin-right:5px;
}
.marginLeft_small, .buttonAction2.marginLeft_small
{
	margin-left:5px;
}
.fixedWidth80
{
	width:80px;
}

.cross
{
	background-image:url(icon-Cross.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:35px 35px;
	width:30px;
	height:30px;
	margin-left:2px;
position: relative;
}
.crossBig
{
	background-image:url(icon-Cross.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px 50px;
	width:40px;
	height:40px;
}
.info
{
	background:url(icon-ExpandRow.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:35px 35px;
	width:30px;
	height:30px;
	z-index:3000;
	
}
.summaryButton
{
	padding: 0px 10px !important;
	border: 2px solid white;
	background-color: #666666;
	height: 24px;
	line-height:21px;
	margin-top: 13px !important;
	margin-left: 10px;
	font-size:8pt;
}
.nextAdditionalText
{
	margin-right:-18px;
	border-radius:25px 0px 0px 25px;
	padding-right:20px;
	background-color:#777 !important;
	border:2px solid #000;
	font-weight:bold;
	position:relative;
	z-index:-1;
	width:110px;
	line-height:27px;
	cursor:pointer;
}
.previousAdditionalText
{
	margin-left:-18px;
	border-radius:0px 25px 25px 0px;
	padding-left:20px;
	background-color:#AFAFAF !important;
	border:2px solid #000;
	font-weight:bold;
	position:relative;
	z-index:-1;
	width:110px;
	line-height:27px;
	cursor:pointer;
}
.toolbarNextButton
{
	font-size: 16pt;
	padding: 0px 6px 0px 10px;
	line-height: 38px;
	border:2px solid #000;
}
.toolbarPreviousButton
{
	font-size: 16pt;
	padding: 0px 10px 0px 6px;
	line-height: 38px;
	border:2px solid #000;
}
#buttonBottomPrevious, #buttonBottomNext
{
	cursor:pointer;
}

.arrowUp
{
	background-image:url(icon-arrowUpMore.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 40px 26px;
	width: 40px;
	height:30px;
	margin-left:0px;
	z-index:3000;
	position: relative;
}
.arrowNext
{
	background-image:url(icon-arrowNext.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
background-size: 26px 26px;
width: 30px;
height: 30px;
margin-left: -7px;
	z-index:3000;
	position: relative;
}
.arrowPrev
{
	background-image:url(icon-arrowPrev.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
background-size: 26px 26px;
width: 30px;
height: 29px;
margin-left: -3px;
	z-index:3000;
	position: relative;
}
.cellHelp.expanded .arrowUp
{
	background-image:url(icon-arrowDownLess.png);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 40px 26px;
	width: 40px;
	height:30px;
	margin-left:0px;
	z-index:3000;
	position: relative;
}

.buttonSelectQuote
{
	background: linear-gradient( #DD8B8B , #CD5454 ); /* Standard syntax */
	background-color:#E26265;
	border-radius:10px;
	border:1px solid #CD5454;
	box-shadow:1px 1px #444;
	cursor:pointer;
	font-weight:bold;
	font-size:12pt;
	padding:10px 15px;
	line-height:normal;
}
.buttonSelectQuote:hover
{
	background: linear-gradient( #DD8B8B , #BE2226 ); /* Standard syntax */
	background-color:#E26265;
}

.buttonWide	
{
	float:left;
	background-color:#FFF;
	width:180px;
	height:46px;
	border-radius:10px;
	border:1px solid #999;
	
	box-shadow:1px 1px #444;
	
	cursor:pointer;
	margin:0px;
}
.darkButton
{
	background-color:#000;
}
.buttonWide.selected	, .buttonWide.selected:hover
{
	background:none;
	border:1px solid #C02125;
	background-color:#C02125;
}
.buttonWide:hover
{
	background: linear-gradient( #E8D1D1 , #FF9C9C ); /* Standard syntax */
	border:1px solid #C02125;
}
.buttonWide .buttonBigText
{
	float:left;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:0px 0px;
	margin:3px 0px;
	color: #777;
	font-size:9pt;
	line-height:19px;
	vertical-align:middle;
	height:60px;
}
.buttonWide .buttonBigIcon
{
	float:left;
	margin:0px 10px 0px 10px;
	height:41px;
	width:40px;
	box-sizing:border-box;
	background-image:url(sprite.png);
	background-repeat:no-repeat;
	background-size:40px 41px;
}
.buttonWide:hover .buttonBigText, .buttonWide.selected .buttonBigText
{
	color: #FFF;
}


.buttonBig	
{
	float:left;
	background-color:#999999;
	width:110px;
	height:110px;
	border-radius:20px;
	border:1px solid #999999;
	
	margin-right: 15px;
	margin-bottom: 10px;
	box-shadow:0px 0px #444;
	
	cursor:pointer;
	
text-transform: uppercase;

}
.buttonBig.error, .buttonAction2.error
{
	border:1px solid #FE7070;
    /* make it glow! */
    -webkit-box-shadow: 0px 0px 10px #FE7070;
       -moz-box-shadow: 0px 0px 10px #FE7070;
            box-shadow: 0px 0px 10px #FE7070; /* some variation of red for the shadow */
}

.buttonBigOutsideText
{
	float:left;
	width:110px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align:center;
	font-weight:200;
	font-size:10pt;
}
.buttonBigContainer
{
	width:125px;
}

.buttonBig.selected	, .buttonBig.selected:hover
{
	background:none;
	border:1px solid #007610;
	background-color:#007610;
}
.buttonBig.notSelected	, .buttonBig.notSelected:hover
{
	background:none;
	border:1px solid #a51a1a;
	background-color:#a51a1a;
}
.buttonBig:hover
{
	background: #007610; /* Standard syntax */
	border:1px solid #007610;
}
.buttonBig.noHover:hover, .buttonBig.notSelected.noHover:hover
{
	background: #999; /* Standard syntax */
	border:1px solid #999;
}

.buttonBigText
{
	width:100%;
	text-align:center;
	font-weight:100;
	padding:5px 5px;
	padding-top:8px;
	color: #FFF;
	font-size:10pt;
	line-height:1;
	height:30px;
}
.buttonBigText.endDate
{
	padding-top:3px;
}
.buttonBigText.longText
{
	font-size:9pt;
}

.buttonBig:hover .buttonBigText, .buttonBig.selected .buttonBigText
{
	color: #FFF;
}
.buttonBigIcon
{
	margin:7px auto 2px auto;
	height:65px;
	width:65px;
	box-sizing:border-box;
	background-image:url(sprite.png);
	background-repeat:no-repeat;
}

.buttonBigMonth
{
/*	background-color:#aaa;
	margin:10px auto 1px auto;
	width:70%;
	text-align:center;
	padding:2px 0px;
	color: #FFF;
	font-size: 12pt;
	font-weight:bold;
	border-radius:7px 7px 0px 0px; 
*/


	height:25px;
	margin:10px auto 0px auto;
	background-image:url(Calendar-Top-NotSelected.png);
	background-size:90px 25px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding:0px 0px;
	color: #999999;
	font-size: 10pt;
	font-weight:bold;
	line-height:11px;
	padding-top:1px;
}
.buttonBig:hover .buttonBigMonth/*, .buttonBig:hover .buttonBigDay*/
{
	background-image:url(Calendar-Top-Hover.png);
	color: #007610;
}
.buttonBig.selected .buttonBigMonth /*, .buttonBig.selected .buttonBigDay*/
{
	background-image:url(Calendar-Top.png);
	color: #007610;
}
.buttonBigDay
{
/*	background-color:#aaa;
	margin:2px auto 0px auto;
	width:70%;
	text-align:center;
	padding:0px 0px;
	color: #FFF;
	font-size: 26pt;
	font-weight:bold;
	border-radius: 0px 0px 7px 7px; 
*/

	height:40px;
	margin:2px auto 0px auto;
	background-image:url(Calendar-Bottom.png);
	background-size:90px 40px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding:0px 0px;
	padding-top:-2px;
	color: #999999;
	font-size: 26pt;
	font-weight:bold;
	line-height:40px;
}
.buttonBig:hover .buttonBigDay
{
	color: #007610;
}
.buttonBig.selected .buttonBigDay
{
	color: #007610;
}

.buttonBigNights
{
	margin:0px auto;
	width:63px;
	height:70px;
	background-image:url(sprite.png);
	background-position:-380px -130px;
	text-align:center;
	color: #aaa;
	font-size: 30pt;
	font-weight:bold;
}
.buttonBig:hover .buttonBigNights
{
	background-position:-442px -130px;
	color:#FFF;
}
.buttonBig.selected .buttonBigNights
{
	background-position:-442px -130px;
	color:#FFF;
}

.buttonBig.ExtraSize:hover
{
	background-color:#777;
	/*background: #007610;  Standard syntax 
	border:1px solid #007610;*/
}
.buttonBig.ExtraSize.selected:hover
{
	background-color:#007610;
	/*background: #007610;  Standard syntax 
	border:1px solid #007610;*/
}
.buttonBig.ExtraSize.notSelected:hover
{
	background-color:#a51a1a;
	/*background: #007610;  Standard syntax 
	border:1px solid #007610;*/
}
.ExtraSize, .buttonBig.ExtraSize
{
	width:250px;
	height:230px;
	padding: 15px;
	margin-right:10px;
}
.ExtraSize .buttonBigIcon
{
	width:100%;
	height:80px;
	float:left;
}

.alterationFullLine, .buttonBig.alterationFullLine, .buttonBig.ExtraSize.alterationFullLine, .ExtraSize.alterationFullLine
{
	width: 480px;
	max-width:100%;

	height:120px;
	padding: 15px;
	margin:0px;
	
	float:left;
}
.alterationFullLine .buttonBigIcon
{
	background-size:60px 60px !important;

	width:20%;
	height:80px;
	margin:0px auto 0px auto;
	float:left;
	text-align:left;
}
.alterationFullLine .buttonBigText
{
	width:30%;
	height:80px;
	float:left;
	text-align:left;
	overflow:auto;
}
.alterationFullLine .buttonBigText.title
{
	width:25%;
	height:80px;
	float:left;
	text-align:left;
	font-size:8pt;
}
.alterationFullLine .buttonBigText.perPerson
{
	width:25%;
	height:80px;
	float:left;
	text-align:left;
	font-size:8pt;
	display:flex;
	align-items:center;
}
.alterationFullLine .buttonBigText.yesNo
{
	width:25%;
	height:80px;
	float:left;
	text-align:left;
	font-size:8pt;
	/*display:flex;*/
	align-items:center;
}
.alterationFullLine .buttonAlterationRemove
{
	background-size:10px 10px;
	width:15px;
	height:15px;
}
.alterationFullLine .buttonAlterationAdd
{
	background-size:10px 10px;
	width:15px;
	height:15px;
}


.smallerText
{
	font-size:7pt;
}
.evenSmallerText
{
	font-size:6pt;
}

.title
{
	font-size:10pt;
	font-weight:300;
	width: 100%;
	height:40px;
}

.divCreditCard
{
	border-radius:10px;
	border:2px solid #C5C5C5;
	position:fixed;
	top:50%;
	left:50%;
	width:430px;
	max-width:100%;
	height:450px;
	max-height:100%;
	margin-left:-190px;
	margin-top:-200px;
	background-color:#FFF;
	z-index:10000;
}
.divCreditCardClose
{
	position:absolute;
	top:-15px;
	right:-15px;
	width:100%;
	height:30px;
	cursor:pointer;
	float:right;
	background-image:url(icon-close.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:30px 30px;
}
.frameCreditCard
{
	border-radius:10px;
	border:1px solid white;
	width:1;*width:100%;min-width:100%;
	height:1;*height:100%;min-height:100%;
}

/* BUTTONS - Destination Icon - Europe */
#documentCertificate.buttonBigIcon
{
	background-image:url(documents-Certificate.png);
	background-position:center center;
}
#documentWording.buttonBigIcon
{
	background-image:url(documents-Wording.png);
	background-position:center center;
}
#documentKeyfacts.buttonBigIcon
{
	background-image:url(documents-Keyfacts.png);
	background-position:center center;
}
#documentWhyUs.buttonBigIcon
{
	background-image:url(documents-WhyUs.png);
	background-position:center center;
}

#activitiesDefault.buttonBigIcon
{
	background-image:url(alterations-Default.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesExcess.buttonBigIcon
{
	background-image:url(alterations-Excess.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesMissedFlight.buttonBigIcon
{
	background-image:url(alterations-MissedFlight.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesWinter.buttonBigIcon
{
	background-image:url(alterations-WinterSports.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesHazardous.buttonBigIcon
{
	background-image:url(alterations-Hazardous.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesHazardous2.buttonBigIcon
{
	background-image:url(alterations-Hazardous2.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesHazardous3.buttonBigIcon
{
	background-image:url(alterations-Hazardous3.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesHazardous4.buttonBigIcon
{
	background-image:url(alterations-Hazardous4.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesAlreadyTravelling.buttonBigIcon
{
	background-image:url(alterations-AlreadyTravelling.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesBusiness.buttonBigIcon
{
	background-image:url(alterations-Business.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesCruise.buttonBigIcon
{
	background-image:url(alterations-Cruise.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesFlightOnly.buttonBigIcon
{
	background-image:url(alterations-FlightOnly.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesGolf.buttonBigIcon
{
	background-image:url(alterations-Golf.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesGroupDiscount.buttonBigIcon
{
	background-image:url(alterations-GroupDiscount.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesLateBookers.buttonBigIcon
{
	background-image:url(alterations-LateBookers.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesOneWay.buttonBigIcon
{
	background-image:url(alterations-OneWay.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesRemoveBaggage.buttonBigIcon
{
	background-image:url(alterations-RemoveBaggage.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesTopUpCancel.buttonBigIcon
{
	background-image:url(alterations-TopUpCancel.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesTrekking.buttonBigIcon
{
	background-image:url(alterations-Trekking.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesWedding.buttonBigIcon
{
	background-image:url(alterations-wedding.png);
	background-position:center center;
	background-size:80px 80px; 
}

#activitiesIncreaseto45days.buttonBigIcon
{
	background-image:url(Alterations-increase45.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesIncreaseto60days.buttonBigIcon
{
	background-image:url(Alterations-increase60.png);
	background-position:center center;
	background-size:80px 80px; 
}
#activitiesIncreaseto92days.buttonBigIcon
{
	background-image:url(Alterations-increase92.png);
	background-position:center center;
	background-size:80px 80px; 
}


#destinationEurope.buttonBigIcon
{
	background-image:url(destination-Europe.png);
	background-position:-0 0;
}
.buttonBig:hover #destinationEurope.buttonBigIcon	
{
	background-image:url(destination-EuropeSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #destinationEurope.buttonBigIcon	
{
	background-image:url(destination-EuropeSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Destination Icon - Worldwide */
#destinationWorldwide.buttonBigIcon
{
	background-image:url(destination-Worldwide.png);
	background-position:-0 0;
}
.buttonBig:hover #destinationWorldwide.buttonBigIcon	
{
	background-image:url(destination-WorldwideSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #destinationWorldwide.buttonBigIcon	
{
	background-image:url(destination-WorldwideSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Destination Icon - Worldwide Excluding USA*/
#destinationWorldwideExcludingUSA.buttonBigIcon
{
	background-image:url(destination-WorldwideExcludingUSA.png);
	background-position:-0 0;
}
.buttonBig:hover #destinationWorldwideExcludingUSA.buttonBigIcon	
{
	background-image:url(destination-WorldwideExcludingUSA.png);
	background-position:-0 0;
}
.buttonBig.selected #destinationWorldwideExcludingUSA.buttonBigIcon	
{
	background-image:url(destination-WorldwideExcludingUSA.png);
	background-position:-0 0;
}
/* BUTTONS - Destination Icon - UK */
#destinationUK.buttonBigIcon
{
	background-image:url(destination-UK.png);
	background-position:-0 0;
}
.buttonBig:hover #destinationUK.buttonBigIcon	
{
	background-image:url(destination-UK.png);
	background-position:-0 0;
}
.buttonBig.selected #destinationUK.buttonBigIcon	
{
	background-image:url(destination-UK.png);

	background-position:-0 0;
}
/* BUTTONS - Policy Type Icon - Single */
#policyTypeSingle.buttonBigIcon
{
	background-image:url(policyType-Single.png);
	background-position:-0 0;
}
.buttonBig:hover #policyTypeSingle.buttonBigIcon	
{
	background-image:url(policyType-SingleSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #policyTypeSingle.buttonBigIcon	
{
	background-image:url(policyType-SingleSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Policy Type Icon - Longstay */
#policyTypeLongstay.buttonBigIcon
{
	background-image:url(policyType-Longstay.png);
	background-position:-0 0;
}
.buttonBig:hover #policyTypeLongstay.buttonBigIcon	
{
	background-image:url(policyType-LongstaySelected.png);
	background-position:-0 0;
}
.buttonBig.selected #policyTypeLongstay.buttonBigIcon	
{
	background-image:url(policyType-LongstaySelected.png);
	background-position:-0 0;
}
/* BUTTONS - Policy Type Icon - Annual */
#policyTypeAnnual.buttonBigIcon, #annualUpgrade.buttonBigIcon
{
	background-image:url(policyType-Annual.png);
	background-position:-0 0;
}
.buttonBig:hover #policyTypeAnnual.buttonBigIcon, 	.buttonWide:hover #annualUpgrade.buttonBigIcon
{
	background-image:url(policyType-AnnualSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #policyTypeAnnual.buttonBigIcon	, .buttonWide.selected #annualUpgrade.buttonBigIcon
{
	background-image:url(policyType-AnnualSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Package Icon - Individual */
#packageIndividual.buttonBigIcon
{
	background-image:url(package-Individual.png);
	background-position:-0 0;
}
.buttonBig:hover #packageIndividual.buttonBigIcon	
{
	background-image:url(package-IndividualSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #packageIndividual.buttonBigIcon	
{
	background-image:url(package-IndividualSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Package Icon - Couple */
#packageCouple.buttonBigIcon
{
	background-image:url(package-Couple.png);
	background-position:-0 0;
}
.buttonBig:hover #packageCouple.buttonBigIcon	
{
	background-image:url(package-CoupleSelected.png);
	background-position:-0 0;
}
.buttonBig.selected #packageCouple.buttonBigIcon	
{
	background-image:url(package-CoupleSelected.png);
	background-position:-0 0;
}
/* BUTTONS - Package Icon - Family */
#packageFamily.buttonBigIcon
{
	background-image:url(package-Family.png);
	background-position:-0 0;
}
.buttonBig:hover #packageFamily.buttonBigIcon	
{
	background-image:url(package-FamilySelected.png);
	background-position:-0 0;
}
.buttonBig.selected #packageFamily.buttonBigIcon	
{
	background-image:url(package-FamilySelected.png);
	background-position:-0 0;
}
/* BUTTONS - Package Icon - Single Parent Family */
#packageSingleParentFamily.buttonBigIcon
{
	background-image:url(package-SingleParentFamily.png);
	background-position:-0 0;
}
.buttonBig:hover #packageSingleParentFamily.buttonBigIcon	
{
	background-image:url(package-SingleParentFamily.png);
	background-position:-0 0;
}
.buttonBig.selected #packageSingleParentFamily.buttonBigIcon	
{
	background-image:url(package-SingleParentFamily.png);
	background-position:-0 0;
}

.cursorPointer
{
	cursor:pointer;
}

/*IPHONE*/
@media (min-width:480px)
{
.summaryButton
{
	margin-top: 13px !important;
}

.datePickerContainer
{
	width:500px;
}
.ExtraSize
{
	width:190px;
	height:250px;
	margin-right:5px;
}
.alterationFullLine, .buttonBig.alterationFullLine, .buttonBig.ExtraSize.alterationFullLine, .ExtraSize.alterationFullLine
{
	width: 767px;
	max-width:100%;
	
	height:120px;
	margin:0px;
}
.alterationFullLine .buttonBigIcon
{
	background-size:80px 80px !important;
	width:15%;

}
.alterationFullLine .buttonBigText
{
}
.alterationFullLine .buttonBigText.title
{
}
.alterationFullLine .buttonBigText.perPerson
{
	font-size:9pt;
}
.alterationFullLine .buttonBigText.yesNo
{
	font-size:9pt;
	display:flex;
}

.alterationFullLine .buttonAlterationRemove
{
	background-size:15px 15px;
	width:25px;
	height:25px;
}
.alterationFullLine .buttonAlterationAdd
{
	background-size:15px 15px;
	width:25px;
	height:25px;
}
	
.arrowUp
{
	background-size:50px 35px;
	width:50px;
	margin-left:2px;
}
.arrowNext
{
	background-size:35px 35px;
	width:30px;
	margin-left:2px;
}
.arrowPrev
{
	background-size:35px 35px;
	width:30px;
	margin-left:2px;
}
.cellHelp.expanded .arrowUp
{
	background-size:50px 35px;
	width:50px;
	margin-left:2px;
}
.smallerText
{
	font-size:8pt;
}
.evenSmallerText
{
	font-size:7pt;
}
}

/*IPAD*/
@media (min-width:767px)
{

.buttonAction2.marginTop
{
	margin-top:12px;
}
.summaryButton
{
	margin-top: 18px !important;
}

}

/*DESKTOP*/
@media (min-width:1024px)
{
.info
{
	background-size:35px 35px;
	width:30px;
	height:30px;
}
.cross
{
	background-size:35px 35px;
	width:30px;
	height:30px;
}
.helpContainer .cross
{
	/*
	background-size:25px 25px;
	width:20px;
	height:20px;
	padding:0px;
	*/
}

.buttonExtraDetails
{
/*	display:none;*/
}
.ExtraSize, .buttonBig.ExtraSize
{
	width:220px;
	margin-right:10px;
}
.buttonAction2.marginTop
{
	margin-top:15px;
}
.summaryButton
{
	margin-top: 18px !important;
}
}