/* //////////////// */
/* /// v5 Theme /// */
/* //////////////// */
/*Theme:
 	Includes default styles for buttons, forms, inputs, links, headers, paragraph, etc. Not for layout.
 	Please see shell.css for structural styling.
 	Please see individual template css for template specific styling.
*/

/* Global HTML-Tag Styles */
body {
	margin: 0;
	z-index: 1;
	color: #3C4B55;
	font: normal 14px/16px 'Gotham Narrow SSm A','Gotham Narrow SSm B',sans-serif;
	background: #EEF2F7;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Gotham SSm A','Gotham SSm B',sans-serif; }

h1 { font-size: 2em; }

a { color: #0A8BFF; }
a:hover { color: #F98700; }
a:active { color: #F98700; }
a:focus { color: #F98700; outline: none; }

#terms b, [id$="TandC"] b { font-weight: 700; }

/* Utilities */
.right { float: right !important; }
.left { float: left !important; }
.hide { display: none; }

/* Foundation Overrides */
.tabs dd > a { font-family: 'Gotham SSm A','Gotham SSm B',sans-serif; }
.is-open-left {
	-webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
    transform: translateX(250px);
}
.off-canvas { overflow-y: visible; }
.off-canvas-content { box-shadow: none; background-color: #EEF2F7; }
.js-off-canvas-exit { background: rgba(254, 254, 254, 0.5); z-index: 100; }
.dropdown.menu .submenu {
	border: none;
	-webkit-box-shadow: 0 3px 3px 0 rgba(100,100,100,0.3);
	box-shadow: 0 3px 3px 0 rgba(100,100,100,0.3);
}

/* Font Awesome Overrides */
.fa-li { left: -1.8em!important; }
i.fa-normal, i.fa-rotate-180 {
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

/* Colors */
.red { color: #FF0000; }

/* Buttons */
.bnOrange, input[type="submit"].bnOrange,
.bnGray, input[type="submit"].bnGray,
.bnBlue, input[type="submit"].bnBlue,
.bnGreen, input[type="submit"].bnGreen,
.bnOrig, input[type="submit"].bnOrig,
.bnSubmit, input[type="submit"].bnSubmit,
.bnRed, input[type="submit"].bnRed {
	display: inline-block;
	position: relative;
	padding: 6px 20px;
	overflow: visible;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 600;
	line-height: 21px;
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 2px;
	outline: none;
	-webkit-transition: all .05s;
	-moz-transition: all .05s;
	-o-transition: all .05s;
	transition: all .05s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.bnOrange.small, input[type="submit"].bnOrange.small,
.bnGray.small, input[type="submit"].bnGray.small,
.bnBlue.small, input[type="submit"].bnBlue.small,
.bnGreen.small, input[type="submit"].bnGreen.small,
.bnOrig.small, input[type="submit"].bnOrig.small,
.bnSubmit.small, input[type="submit"].bnSubmit.small {
	height: auto !important;
	padding: 4px 12px;
	font-size: 0.8rem;
}

.bnOrange:hover, input[type="submit"].bnOrange:hover,
.bnGray:hover, input[type="submit"].bnGray:hover,
.bnBlue:hover, input[type="submit"].bnBlue:hover,
.bnGreen:hover, input[type="submit"].bnGreen:hover,
.bnOrig:hover, input[type="submit"].bnOrig:hover,
.bnSubmit:hover, input[type="submit"].bnSubmit:hover {
    color: white;
}
.bnOrange:active, input[type="submit"].bnOrange:active,
.bnGray:active, input[type="submit"].bnGray:active,
.bnBlue:active, input[type="submit"].bnBlue:active,
.bnGreen:active, input[type="submit"].bnGreen:active,
.bnOrig:active, input[type="submit"].bnOrig:active,
.bnSubmit:active, input[type="submit"].bnSubmit:active {
    box-shadow: inset 6px 1px 6px rgba(0, 0, 0, 0.1),
			    inset -6px 0 6px rgba(0, 0, 0, 0.1),
			    inset 0 0px 1px rgba(0, 0, 0, 0.5);
}
.bnOrange:focus, input[type="submit"].bnOrange:focus,
.bnGray:focus, input[type="submit"].bnGray:focus,
.bnBlue:focus, input[type="submit"].bnBlue:focus,
.bnGreen:focus, input[type="submit"].bnGreen:focus,
.bnOrig:focus, input[type="submit"].bnOrig:focus,
.bnSubmit:focus, input[type="submit"].bnSubmit:focus {
	color: white;
}
.bnOrange:link, .bnOrange:visited,
.bnGray:link, .bnGray:visited,
.bnBlue:link, .bnBlue:visited,
.bnGreen:link, .bnGreen:visited,
.bnOrig:link, .bnOrig:visited,
.bnSubmit:link, .bnSubmit:visited {
    color: white;
}

/* Orange Buttons */
.bnOrange, input[type="submit"].bnOrange,
.bnOrig, input[type="submit"].bnOrig {
	text-shadow: 1px 1px 1px #ff6600;
	box-shadow: inset 0 0 1px #FFCB6E;
	background: #f98700;
	background: -moz-linear-gradient(top,  #f98700 0%, #ea7d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f98700), color-stop(100%,#ea7d00));
	background: -webkit-linear-gradient(top,  #f98700 0%,#ea7d00 100%);
	background: -o-linear-gradient(top,  #f98700 0%,#ea7d00 100%);
	background: -ms-linear-gradient(top,  #f98700 0%,#ea7d00 100%);
	background: linear-gradient(to bottom,  #f98700 0%,#ea7d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98700', endColorstr='#ea7d00',GradientType=0 );
}
.bnOrange:hover, input[type="submit"].bnOrange:hover,
.bnOrig:hover, input[type="submit"].bnOrig:hover {
	background: #FF9900;
	background: -moz-linear-gradient(top, #ff9900 0%, #ff930f 49%, #ff7007 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F90), color-stop(49%,#FF930F), color-stop(100%,#FF7007));
	background: -webkit-linear-gradient(top, #F90 0%,#FF930F 49%,#FF7007 100%);
	background: -o-linear-gradient(top, #ff9900 0%,#ff930f 49%,#ff7007 100%);
	background: -ms-linear-gradient(top, #ff9900 0%,#ff930f 49%,#ff7007 100%);
	background: linear-gradient(to bottom, #F90 0%,#FF930F 49%,#FF7007 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff7007',GradientType=0 );
}

/* Gray Buttons */
.bnGray, input[type="submit"].bnGray,
.bnSubmit, input[type="submit"].bnSubmit {
	color: #3C4B55 !important;
	font-weight: normal;
	border: 1px solid #D1D7DE;
	box-shadow: inset 0 1px 0 #FFF;
	text-shadow: 1px 1px 0 #FFF;

	background: #eef2f7;
	background: -moz-linear-gradient(top,  #eef2f7 0%, #d1d7de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef2f7), color-stop(100%,#d1d7de));
	background: -webkit-linear-gradient(top,  #eef2f7 0%,#d1d7de 100%);
	background: -o-linear-gradient(top,  #eef2f7 0%,#d1d7de 100%);
	background: -ms-linear-gradient(top,  #eef2f7 0%,#d1d7de 100%);
	background: linear-gradient(to bottom,  #eef2f7 0%,#d1d7de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2f7', endColorstr='#d1d7de',GradientType=0 );
}
.bnGray:hover, input[type="submit"].bnGray:hover,
.bnSubmit:hover, input[type="submit"].bnSubmit:hover {
	background: #f9fafb;
	background: -moz-linear-gradient(top,  #f9fafb 1%, #e4e9ef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9fafb), color-stop(100%,#e4e9ef));
	background: -webkit-linear-gradient(top,  #f9fafb 1%,#e4e9ef 100%);
	background: -o-linear-gradient(top,  #f9fafb 1%,#e4e9ef 100%);
	background: -ms-linear-gradient(top,  #f9fafb 1%,#e4e9ef 100%);
	background: linear-gradient(to bottom,  #f9fafb 1%,#e4e9ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e4e9ef',GradientType=0 );
}

/* Blue Buttons */
.bnBlue, input[type="submit"].bnBlue {
	box-shadow: inset 0 0 1px #097ee5;
	text-shadow: 1px 1px 1px #0762B2;
	background: #0a8bff;
	background: -moz-linear-gradient(top, #0a8bff 0%, #097ee5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a8bff), color-stop(100%,#097ee5));
	background: -webkit-linear-gradient(top, #0a8bff 0%, #097ee5 100%);
	background: -o-linear-gradient(top, #0a8bff 0%, #097ee5 100%);
	background: -ms-linear-gradient(top, #0a8bff 0%, #097ee5 100%);
	background: linear-gradient(to bottom, #0a8bff 0%, #097ee5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a8bff', endColorstr='#097ee5',GradientType=0 );
}
.bnBlue:hover, input[type="submit"].bnBlue:hover {
	background: #2d9dff;
	background: -moz-linear-gradient(top, #2d9dff 0%, #097ee5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d9dff), color-stop(100%,#097ee5));
	background: -webkit-linear-gradient(top, #2d9dff 0%,#097ee5 100%);
	background: -o-linear-gradient(top, #2d9dff 0%,#097ee5 100%);
	background: -ms-linear-gradient(top, #2d9dff 0%,#097ee5 100%);
	background: linear-gradient(to bottom, #2d9dff 0%,#097ee5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9dff', endColorstr='#097ee5',GradientType=0 );
}

/* Green Buttons */
.bnGreen, input[type="submit"].bnGreen {
	box-shadow: inset 0 0 1px #9ae269;
	text-shadow: 1px 1px 1px #56912D;
	background: #6bba38;
	background: -moz-linear-gradient(top, #6bba38 0%, #61a533 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6bba38), color-stop(100%,#61a533));
	background: -webkit-linear-gradient(top,  #6bba38 0%,#61a533 100%);
	background: -o-linear-gradient(top, #6bba38 0%,#61a533 100%);
	background: -ms-linear-gradient(top, #6bba38 0%,#61a533 100%);
	background: linear-gradient(to bottom, #6bba38 0%,#61a533 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba38', endColorstr='#61a533',GradientType=0 );
}
.bnGreen:hover, input[type="submit"].bnGreen:hover {
	background: #7ecc47;
	background: -moz-linear-gradient(top,  #7ecc47 0%, #61a533 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ecc47), color-stop(100%,#61a533));
	background: -webkit-linear-gradient(top,  #7ecc47 0%,#61a533 100%);
	background: -o-linear-gradient(top,  #7ecc47 0%,#61a533 100%);
	background: -ms-linear-gradient(top,  #7ecc47 0%,#61a533 100%);
	background: linear-gradient(to bottom,  #7ecc47 0%,#61a533 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ecc47', endColorstr='#61a533',GradientType=0 );
}

/* Red Buttons */
.bnRed, input[type="submit"].bnRed {
	box-shadow: inset 0 0 1px #BF0F1B;
	text-shadow: 1px 1px 1px #9E0812;
	background: #BF0F1B;
	background: -moz-linear-gradient(top, #DE1F2C 0%, #BF0F1B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DE1F2C), color-stop(100%,#BF0F1B));
	background: -webkit-linear-gradient(top,  #DE1F2C 0%,#BF0F1B 100%);
	background: -o-linear-gradient(top, #DE1F2C 0%,#BF0F1B 100%);
	background: -ms-linear-gradient(top, #DE1F2C 0%,#BF0F1B 100%);
	background: linear-gradient(to bottom, #DE1F2C 0%,#BF0F1B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DE1F2C', endColorstr='#BF0F1B',GradientType=0 );
}
.bnRed:hover, input[type="submit"].bnRed:hover {
	background: #DE1F2C;
	background: -moz-linear-gradient(top,  #F53845 0%, #DE1F2C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F53845), color-stop(100%,#DE1F2C));
	background: -webkit-linear-gradient(top,  #F53845 0%,#DE1F2C 100%);
	background: -o-linear-gradient(top,  #F53845 0%,#DE1F2C 100%);
	background: -ms-linear-gradient(top,  #F53845 0%,#DE1F2C 100%);
	background: linear-gradient(to bottom,  #F53845 0%,#DE1F2C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F53845', endColorstr='#DE1F2C',GradientType=0 );
}

/* Misc Button Styling */
.bnOrange.mini, .bnGray.mini, .bnBlue.mini, .bnGreen.mini {
	width: 100%;
	padding: 0.4em;
	font-size: 0.8em;
	line-height: normal;
}
.bnBlue.APbutton, input[type="submit"].bnBlue.APbutton {
	padding-left: 0;
	padding-right: 0;
}

.phone-cta {
    margin: 3px 0 0 0;
    padding: 8px 0;
    text-align: center;
	font-size: 16px;
    font-weight: 500;
	line-height: 1.2;
    background: #FFFFFF;
    border: 1px solid #cbd6e1;
}
.phone-cta span {
    color: #fa8700;
    font-weight: 700;
}

/* disabled buttons */
.bnBlue.bnDisabled:hover, input[type="submit"].bnBlue.bnDisabled:hover {
	background: #0A8BFF;
	background: -moz-linear-gradient(top, #1eb1ff, #035dff);
	background: -webkit-gradient(linear, left top, left bottom, from(#1EB1FF), to(#035DFF));
	background: -webkit-linear-gradient(#1EB1FF, #035DFF);
	background: -o-linear-gradient(#1eb1ff, #035dff);
	border: 1px solid #035DFF;
	box-shadow: inset 0 1px 0 #52D3FF;
	cursor: default;
}
.bnDisabled:after {
	content: '';
	display: block;
	width: 104%;
	height: 104%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #FFF;
	background: #FFF;
	opacity: .6;
}
[class^="bn"][disabled="disabled"] {
	opacity: 0.4;
	-webkit-filter: saturate(0.5); /* Safari 6.0 - 9.0 */
    filter: saturate(0.5);
	cursor: not-allowed!important;
}

/* Forms & Form Elements */
input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	border: 1px solid #b1bec4;
	border-radius: 3px;
	box-shadow: 0 1px 0 #ffffff;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif !important;
	color: #394B57;
	font-size: 14px;
	line-height: 1.2rem;
	margin: 0 0 8px 0;
	padding: 0.5rem;
	-webkit-transition: box-shadow 0.3s ease 0s, border-color 0.3s ease-in-out 0s;
	-moz-transition: box-shadow 0.3s ease 0s, border-color 0.3s ease-in-out 0s;
	-o-transition: box-shadow 0.3s ease 0s, border-color 0.3s ease-in-out 0s;
	transition: box-shadow 0.3s ease 0s, border-color 0.3s ease-in-out 0s;
}
select {
	border-radius: 3px;
	background-color: #FFFFFF;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	border: 1px solid #b1bec4;
	border-radius: 3px;
	box-shadow: 0 1px 0 #ffffff;
	color: #394B57;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
	font-size: 14px;
	line-height: 1.1rem;
	margin: 0 0 8px 0;
	padding: 4px;
}
select option { padding: 2px 0 2px 5px; }
select optgroup { font-style: normal; }
select.ShipList { display: none; }
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover {
	border-color: #f98700;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	border-color: #f98700;
	outline: medium none;
	box-shadow: 0 1px 0 #ffffff;
}
label {
	color: #3C4B55;
	cursor: default;
}
form .alert {
	color: red;
	font-style: italic;
	font-size: 0.75rem;
}
form .other-error { margin-bottom: 1rem; }


/* --- ToolTips --- */
.has-tip, .has-tip:hover, .has-tip:focus {
	border-bottom: none;
}
/*.tooltip { margin-top: -6px; background: #7A8793; }
.tooltip > .nub { border-color: transparent transparent #7A8793 transparent; }
.tooltip.tip-top > .nub { border-color: #7A8793 transparent transparent transparent; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent #7A8793; }
.tooltip.tip-right > .nub { border-color: transparent #7A8793 transparent transparent; }
.tooltip ul { margin-bottom:0; max-width:330px; }
.tooltip li { font-size:0.7rem; }
*/
/* --- Ribbons --- */
.ribbon-right, .ribbon-left {
	box-shadow: -2px 3px 3px rgba(0, 0, 0, .4);
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 25px;
	position: absolute;
	top: 8%;
	left: -8px;
}
.ribbon-right {
	right: -8px;
	left: inherit;
}
.ribbon-right:before, .ribbon-left:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 0px;
    border-top: 40px solid;
    border-right: 15px solid rgba(0, 0, 0, 0);
    right: -15px;
}
.ribbon-right:before {
	border-left: 15px solid rgba(0, 0, 0, 0);
	left: -15px;
}
.ribbon-right:before, .ribbon-left:before {
	border-bottom: 40px solid;
	bottom: 0;
}
/* Medium Only */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.ribbon-right { right: 0px; }
}

/* --- Colors --- */
.ribbon-right.green, .ribbon-left.green { background-color: #6bba38; }
.ribbon-right.red, .ribbon-left.red { background-color: #ff0000; }
.ribbon-right.blue, .ribbon-left.blue { background-color: #0a8bff; }
.ribbon-right.orange, .ribbon-left.orange { background-color: #fa8700; }
.ribbon-right.pink, .ribbon-left.pink { background-color: #FF29BE; }
.ribbon-right.green:after, .ribbon-left.green:after,
.ribbon-right.green:before, .ribbon-left.green:before {
	border-top-color: #6bba38;
	border-bottom-color: #6bba38;
}
.ribbon-right.red:after, .ribbon-left.red:after,
.ribbon-right.red:before, .ribbon-left.red:before {
	border-top-color: #ff0000;
	border-bottom-color: #ff0000;
}
.ribbon-right.blue:after, .ribbon-left.blue:after,
.ribbon-right.blue:before, .ribbon-left.blue:before {
	border-top-color: #0a8bff;
	border-bottom-color: #0a8bff;
}
.ribbon-right.orange:after, .ribbon-left.orange:after,
.ribbon-right.orange:before, .ribbon-left.orange:before {
	border-top-color: #fa8700;
	border-bottom-color: #fa8700;
}
.ribbon-right.pink:after, .ribbon-left.pink:after,
.ribbon-right.pink:before, .ribbon-left.pink:before {
	border-top-color: #FF29BE;
	border-bottom-color: #FF29BE;
}

/* --- Stickers --- */
.sticker {
	display: block;
	position: absolute;
	width: 150px;
	height: 150px;
    top: 10px;
    right: 10px;
    border-radius: 100px;
    padding: 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    transform: rotate(15deg);
}
/*Sticker Colors*/
.sticker.green { background: #6BBA38; }
.sticker.orange { background: #F98700; }
.sticker.blue { background: #0A8BFF; }
.sticker.pink { background: #FF29BE; }
.sticker.red { background: #ff0000; }


/* --- Callout Content --- */
.sticker, .ribbon-right, .ribbon-left { text-align: center; }
.sticker h4, .ribbon-right h4, .ribbon-left h4 {
	font-size: 1.3rem;
	line-height: 1.3rem;
	font-weight: 600;
	color: #FFF;
}
.sticker span, .ribbon-right span, .ribbon-left span {
	color: #394B57;
	font-size: 1rem;
	font-weight: 500;
	display: block;
}
.sticker span:last-child, .ribbon-right span:last-child, .ribbon-left span:last-child {
	line-height: 1.5rem;
    font-size: .7rem;
    font-weight: 300;
    color: #FFF;
}
.sticker:hover span:last-child,
.ribbon-right:hover span:last-child,
.ribbon-left:hover span:last-child {
	text-decoration: underline;
}
.sticker span:last-child i,
.ribbon-right span:last-child i,
.ribbon-left span:last-child i {
	padding-left: 5px;
}

/* --- Loaders --- */
.searchResultsLoader {
	padding: 15px 0px 30px;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	background: transparent url(/images/load/FFFFFF_48x48.gif) center 5px no-repeat;
	text-align: center;
    font-family: 'Gotham Narrow SSm A','Gotham Narrow SSm B',sans-serif;
}
.searchResultsLoader span {
    display: inline-block;
    padding: 3px;
    position: relative;
    bottom: -50px;
    font-size: .8rem;
}

.slideLoader, #ContainerFMA.homepage.slideLoader  {
	min-height: 100px;
	background: transparent url('/img/svg/loader-circle-white.svg') center center no-repeat;
	background-size: 10%;
}

/* Date Picker Plugin - Search Widgets */
.date-picker div:first-child { padding-right: 2px; }
.date-picker div:last-child { padding-left: 2px; }
.date-picker input {
    border: 1px solid #d1d7de;
    border-radius: 3px;
	background-color: white;
    padding: 7px;
	margin-bottom: 8px;
}
.date-picker input:hover {
	border-color: #f98700;
}
.picker {
	top: 175px;
	max-width: 350px;
	-webkit-transition: left .25s;
	-moz-transition: left .25s;
	-o-transition: left .25s;
	transition: left .25s;
}
.picker .picker-header {
	font-weight: 400;
	color: #3C4B55;
	font-weight: 500;
	text-align: center;
	padding: 15px 0 5px;
	border-bottom: 1px solid #D1D7DE;
  	margin: 0 15px;
}
.picker__day.picker__day--outfocus.picker__day--disabled,
.picker__day.picker__day--infocus.picker__day--disabled { color: #DDD; }
.picker__day.picker__day--infocus { color: #1D242D; }
.picker__day.picker__day--outfocus { color: #7A8793; }
.picker--opened .picker__holder {
	overflow: visible;
  	max-width: 350px;
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { color: white; }
.picker__year { margin-left: 0; font-size: 1rem; font-style: normal; font-weight: 600; }
.picker--opened .picker__frame div.calendar-tab {
	content: '';
	display: block;
	height: 40px;
	padding: 5px;
	position: absolute;
	top: -40px;
	left: -1px;
	background: #FFF;
	border: 1px solid #AAA;
	border-bottom: none;
}
.picker--opened .picker__frame div.calendar-tab input {
	border: none;
	border-radius: 3px;
	background-color: #FFF;
	padding: 4px !important;
	font-size: 14px;
}

/* Search Widgets - New Checkbox Design 7/16 */

#CruiseSearch, #TourSearch { overflow: visible !important; }
.search-checkboxes { position: relative; }
.cruiseSearchWidget + .results-count {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.checkbox-modal .close {
	position:absolute;
	top: 8px;
	right: 12px;
	cursor: pointer;
}
.checkbox-modal .close i {
	color: #AFB9C3;
	font-size: 1.25rem;
}
.checkbox-modal .close:hover i {
	color: #F98700;
}
.faux-input {
	position: relative;
	display: block;
	width: 100%;
	height: 34px;
	padding: 8px;
	margin-bottom: 8px;
	border: 1px solid #d1d7de;
	border-radius: 3px;
	background-color: white;
	overflow: hidden;
	white-space: nowrap;
}
.faux-input::after {
	z-index: 10;
	position:absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 32px;
	content: '';
	background-color: white;
	border-radius: 3px;
}
.faux-input .fa {
	z-index: 20;
	position: absolute;
	right: 8px;

	-webkit-transition: -webkit-transform .1s linear;
    -moz-transition: -moz-transform .1s linear;
    -o-transition: -o-transform .1s linear;
    transition: transform .1s linear;
}

.faux-input:hover { border: 1px solid #f98700; }

.search-checkboxes:hover .checkbox-modal,
.search-checkboxes:hover .checkbox-modal::after,
.search-checkboxes:hover .faux-input{
	border-color: #f98700;
}

.checkbox-modal {
	display: none;
	z-index: 100;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	border: 1px solid #d1d7de;
	padding: .9375rem 0;
	background-color: white;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(100,100,100,0.5);
	box-shadow: 2px 2px 2px 0 rgba(100,100,100,0.5);
	overflow: visible;
}
.checkbox-modal .checkbox-items {
	max-height: 335px;
	overflow-y: auto;
}
.destinations .checkbox-modal .alldest {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.search-checkboxes.cruiseships { display: none; }
.cruiseships .checkbox-modal .ship-list { margin-bottom: 10px; }

.checkbox-modal strong {
	display:inline-block;
	margin-bottom: 0.5rem;
}
.checkbox-modal .buttons {
	padding-top: 15px;
	border-top: 1px solid #DDD;
}
/* Add comma to faux-input list */
.faux-input span:not(:nth-child(-n+3)):before { content: ", "; }


/* Small Only */
@media only screen and (max-width: 40em) {

	.checkbox-modal input { margin-bottom: 0.5rem; }

	.destinations .checkbox-modal .columns { margin-bottom: 10px; }

	body:not(#homePage) .cruiseSearchWidget + .results-count {
		padding: 10px 0;
		border-bottom: 1px solid #DDD;
	}
}


/* Medium & Up */
@media only screen and (min-width: 40.063em) {
	.checkbox-modal {
		max-height: none;
		width: 675px;
	}
	.Cruise-Supplier .checkbox-modal { width: 650px; }

	.cruiselines .checkbox-modal .checkbox-items { max-height: none; }

	.checkbox-modal strong { margin-bottom: 1rem; }
	.destinations .checkbox-modal .otherdest,
	.cruiselines .checkbox-modal > div:first-child,
	.cruiseships .checkbox-modal .ship-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

/* mobile landscape orientation */

@media only screen and (min-width: 40.0em) and (max-width: 63.99em) and (orientation : landscape) {
	.checkbox-modal {
		max-height: none;
		width: 100%;
	}
	.Cruises-Home .checkbox-modal { width: 605px; left: 0; }
	.Cruise-Supplier .checkbox-modal { width: 605px; }

}

/* Large & Up */
@media only screen and (min-width: 64.063em) {
	.checkbox-modal {
		top: 0;
		left: 104%;
	}

	.Cruises-Home .checkbox-modal { width: 605px; left: 102%; }


	.checkbox-modal::after {
		content: "";
		position: absolute;
		top: -1px;
		left: -18px;
		display: inline-block;
		height: 34px;
		width: 18px;
		background-color: #FFF;
		border-top: 1px solid #d1d7de;
		border-bottom: 1px solid #d1d7de;
	}
	.cruiselines .checkbox-modal > div:first-child,
	.cruiseships .checkbox-modal .ship-list {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.destinations .checkbox-modal .otherdest {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
/* /// END Search Checkboxes /// */


/* --- FMA --- */
#ContainerFMA,
#ContainerFMA_Cruises,
#ContainerFMA_Tours,
#ContainerFMA_Resorts {
	position: relative;
	padding: 10px;
	background: #AFB9C3;
}
#ContainerFMA ul.slick-dots,
#ContainerFMA_Cruises ul.slick-dots,
#ContainerFMA_Tours ul.slick-dots,
#ContainerFMA_Resorts ul.slick-dots {
	margin: 0;
}
#ContainerFMA .slick-prev,
#ContainerFMA .slick-next,
#ContainerFMA_Cruises .slick-prev,
#ContainerFMA_Cruises .slick-next,
#ContainerFMA_Tours .slick-prev,
#ContainerFMA_Tours .slick-next,
#ContainerFMA_Resorts .slick-prev,
#ContainerFMA_Resorts .slick-next {
	z-index: 1001;
}

/* FMA - Homepage */
body#homePage #Feature #fma {
	padding: 42px 0 0 0;
}

/* FMA - Section Home */
#ContainerFMA_Cruises ul.slick-dots,
#ContainerFMA_Tours ul.slick-dots,
#ContainerFMA_Resorts ul.slick-dots { bottom: -35px; }

#ContainerFMA_Cruises .slick-prev,
#ContainerFMA_Cruises .slick-next,
#ContainerFMA_Tours .slick-prev,
#ContainerFMA_Tours .slick-next,
#ContainerFMA_Resorts .slick-prev,
#ContainerFMA_Resorts .slick-next{ top: 110%; }

#ContainerFMA_Cruises .slick-prev,
#ContainerFMA_Tours .slick-prev,
#ContainerFMA_Resorts .slick-prev { left: 0; }

#ContainerFMA_Cruises .slick-next,
#ContainerFMA_Tours .slick-next,
#ContainerFMA_Resorts .slick-next { right: 0; }


/* Tab Styles - Secondary Content */
.tabs,
.accordion {
    margin: 0;
    list-style-type:none;
	border: none;
}
.tabs .tabs-title {
    float: left;
    margin-bottom: 0;
    position: relative;
    top: 1px;
    background-color: #F9FAFB;
}
.tabs .tabs-title:hover,
.tabs .tabs-title.is-active { background-color: #fff; }
.tabs .tabs-title.is-active a,
.tabs .tabs-title.is-active a span { color: #3C4B55; }
.tabs .tabs-title.deals a,
.tabs .tabs-title.is-active.deals a,
.tabs .tabs-title.is-active.deals a span { color: #6BBA38; }

.accordion dd {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #FFFFFF;
}
.accordion dd > a {
    display: block;
    margin-bottom: 0 !important;
    background: #E4EAF0;
}
.tabs .tabs-title > a,
.accordion dd > a {
    display:block;
    position: relative;
    padding: 20px;
    color: #0a8bff;
    font-size: 1.105rem;
    font-weight: 700;
    line-height: 0.8em;
    background: transparent;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 0;
}
.accordion dd > a { background-color: #e4eaf0; }
.tabs .tabs-title a span,
.accordion dd > a span {
    margin-bottom: 4px;
    color: #394b57;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
}
.accordion dd > a i {
    position: absolute;
    top: 30%;
    right: 20px;
}
.accordion dd > a:hover { background: none repeat scroll 0 0 #f2f5f8; }

.tabs .tabs-title:hover a,
.tabs .tabs-title:hover a span,
.accordion dd > a:hover,
.accordion dd > a:hover span {
    color: #fa8700;
	background-color: #fff;
}
.accordion dd > a:hover {
    background: none repeat scroll 0 0 #f2f5f8;
}
.accordion dd.active a {
    background: none repeat scroll 0 0 #fff;
    color: #394b57;
}
.tabs-content {
	margin-bottom: 20px;
	border-top: 1px solid #e4eaf0;
	border-left: 1px solid #e4eaf0;
	border-right: none;
	border-bottom: none;
}
.accordion .content {
    clear: both;
    border: 1px solid #e4eaf0;
}

/* Small Only */
@media only screen and (max-width: 40.063em) {
	.tabs { margin: 10px 0; }
	.tabs .tabs-title {
		width: 100%;
		border-top: 1px solid #E4E9EF;
		border-right: 1px solid #E4E9EF;
		border-left: 1px solid #E4E9EF;
	}
	.tabs .tabs-title:last-child { border-bottom: 1px solid #E4E9EF; }
	.tabs .is-active a { color: #f98700; }
}
/* Medium & Up */
@media only screen and (min-width: 40.063em) {
	.tabs .tabs-title {
        position: relative;
		top: 1px;
		width: auto;
		float: left;
        margin-bottom: 0 !important;
		background-color: #F2F5F6;
        border-left: 1px solid #cbd6e1;
		border-bottom: 1px solid #cbd6e1;
        border-top: 2px solid #D1D7DE;
    }
	.tabs .tabs-title.is-active {
		border-top: 2px solid #3C4B55;
	}
	.tabs .tabs-title.deals,
	.tabs .tabs-title.deals.is-active {
		background-color: #F9FAFB;
		border-top: 2px solid #6BBA38;
	}
	.tabs .tabs-title:first-child { border-left: 1px solid #e4eaf0; }
    .tabs .tabs-title:last-child { border-right: 1px solid #cbd6e1; }
    .tabs .tabs-title:hover {
        background-color: #FFF;
        border-top: 2px solid #FA8700;
    }
    .tabs .is-active { border-bottom: 1px solid #FFF; }
}
/* End Tab Styles - Secondary Content */


/*--- Legacy Maps - Cruises, Tours, & Destinations Homepages ---*/
/* Maps are for Medium & Up */
@media only screen and (min-width: 40.063em) {
	.Cruises-Home #cruises-map { background: url(img/Map_Cruises.png) no-repeat; }
	.Tours-Home #tours-map { background: url(img/Map_Tours.png) no-repeat; }

	#cruises-map,
	#tours-map {
		width: 422px;
		height: 245px;
		position: relative;
		margin-left: 0;
		margin-bottom: 0;
	}
	#cruises-map li,
	#tours-map li {
		margin: 0;
		padding: 0;
		display: block;
		list-style: none;
		position: absolute;
	}
	#cruises-map a,
	#tours-map a {
		margin: 0;
		padding: 0;
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		background: none !important;
		cursor: pointer;
	}
	#cruises-map a:focus,
	#tours-map a:focus { outline:none; }

	#Africa a, #Alaska a, #Asia a, #Australia a, #Bahamas a, #Bermuda a, #Canada a, #Caribbean a, #Europe a, #Hawaii a, #Mediterranean a, #Mexico a, #NewZealand a, #PanamaCanal a, #SouthAmerica a, #SouthPacific a, #USA a { height: 20px; }
	#Africa a:hover, #Alaska a:hover, #Asia a:hover, #Australia a:hover, #Bahamas a:hover, #Bermuda a:hover, #Canada a:hover, #Caribbean a:hover, #Europe a:hover, #Hawaii a:hover, #Mediterranean a:hover, #Mexico a:hover, #NewZealand a:hover, #PanamaCanal a:hover, #SouthAmerica a:hover, #SouthPacific a:hover, #USA a:hover { background: url(/images/layout/Map_Cruises.png) -5px -250px no-repeat !important; }

	#cruises-map #Africa,
	#tours-map #Africa { height: 20px; left: 219px; top: 122px; width: 20px; }
	#cruises-map #Alaska,
	#tours-map #Alaska { height: 20px; left: 32px; top: 50px; width: 20px; }
	#cruises-map #Asia,
	#tours-map #Asia { height: 20px; left: 301px; top: 92px; width: 20px; }
	#cruises-map #Australia,
	#tours-map #Australia { height: 20px; left: 337px; top: 177px; width: 20px; }
	#cruises-map #Bahamas,
	#tours-map #Bahamas { height: 20px; left: 118px; top: 107px; width: 20px; }
	#cruises-map #Bermuda,
	#tours-map #Bermuda { height: 20px; left: 126px; top: 94px; width: 20px; }
	#cruises-map #Canada,
	#tours-map #Canada { height: 20px; left: 103px; top: 75px; width: 20px; }
	#cruises-map #Caribbean,
	#tours-map #Caribbean { height: 20px; left: 110px; top: 120px; width: 20px; }
	#cruises-map #Europe,
	#tours-map #Europe { height: 20px; left: 191px; top: 71px; width: 20px; }
	#cruises-map #Hawaii,
	#tours-map #Hawaii { height: 20px; left: 18px; top: 110px; width: 20px; }
	#cruises-map #Mediterranean,
	#tours-map #Mediterranean { height: 20px; left: 212px; top: 89px; width: 20px; }
	#cruises-map #Mexico,
	#tours-map #Mexico { height: 20px; left: 73px; top: 105px; width: 20px; }
	#cruises-map #NewZealand,
	#tours-map #NewZealand { height: 20px; left: 378px; top: 199px; width: 20px; }
	#cruises-map #PanamaCanal,
	#tours-map #PanamaCanal { height: 20px; left: 102px; top: 133px; width: 20px; }
	#cruises-map #SouthAmerica,
	#tours-map #SouthAmerica { height: 20px; left: 131px; top: 156px; width: 20px; }
	#cruises-map #SouthPacific,
	#tours-map #SouthPacific { height: 20px; left: 385px; top: 143px; width: 20px; }
	#cruises-map #USA,
	#tours-map #USA { height: 20px; left: 88px; top: 90px; width: 20px; }
}

/*--- Legacy Maps for Mobile - Cruises, Tours, & Destinations Homepages ---*/
#mobileMapBtns {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#mobileMapBtns li a {
	display: block;
	width: 100%;
	text-align: center;
	background: #ecf3fa;
	padding: 10px 0;
	margin: 0;
	color: #0a8bff;
	border: 1px solid white;
	font-weight: bold;
}
#mobileMapBtns li a:hover {
	background: white;
	color: #F60;
}

/* --- Aside --- */
#Container1 aside#ColumnLeft {
	background-color: #0658A0;
	border-radius: 0 0 0 5px;
	overflow: hidden;
	z-index: 10;
	padding-bottom: 10px;
}
aside#ColumnLeft .content-box {
	background: #01172a;
	background: rgba(1, 23, 42, .53);
	border: 1px solid #022340;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 #044680;
	margin-bottom: 15px;
	padding: 10px;
}
aside#ColumnLeft .content-box input[type="submit"] {
	float: right;
	margin-bottom: 12px;
}
aside#ColumnLeft .content-box h3 {
	padding: 0;
	padding-bottom:.5em;
	font-size:.75em;
	font-weight:bold;
	text-transform:uppercase;
}
aside#ColumnLeft .SearchField.picker__input { font-size: .8rem; }
aside#ColumnLeft .cruiseSearchWidget,
aside#ColumnLeft .content-box input[type="submit"] { margin-bottom: 0; }
aside#ColumnLeft .content-box form, aside .content-box ul { padding: 0; }
aside#ColumnLeft h3 {
	color: #A6DBFF;
	margin-bottom: 8px;
	margin-top: 0;
	font-size: 1rem;
	line-height: .95em;
}
aside#ColumnLeft ul li {
	background: url('img/bullet_yellow.png') no-repeat -5px 2px;
	line-height: 1.2em;
	margin-bottom: 5px;
	padding-left: 17px;
	list-style-type: none;
}
aside#ColumnLeft ul li:hover { background: url('img/bullet_blue.png') no-repeat -5px 2px; }
aside#ColumnLeft .content-box a {
	color: #FB5;
	font-size: 12px;
}
aside#ColumnLeft .content-box a:hover { color: #a6d5ff; }
.SeachWidgetDefVal {
	display: block;
	background-color: #D1D7DE;
	border-radius: 3px;
    padding: 10px 0 10px 8px;
    margin-bottom: 10px;
}
.SeachWidgetDefVal i { padding-right: 5px; }

/* Legacy - Default v4.5 AmEx Pay With Points (Tour) */
#CTA234_Amex {
	background: url(/images/layout/CTA234_Amex.png) no-repeat 0px 0px;
	height: 167px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width: 212px;
	border-radius: 5px;
	background-size: 100%;
}
#CTA234_Amex p {
	color: #394B57;
	font-size: 11px;
	font-weight: bold;
	left: 130px;
	line-height: 16px;
	margin: -6px 0 53px -12px;
	position: relative;
	text-align: left;
	text-shadow: 1px 1px 0 #FFF;
	top: 45px;
	width: 91px;
}
#CTA234_Amex .btnGreen {
	float: right;
	margin-right: 10px;
	font-size: 14px;
	padding: 5px 15px;
}

/* ---------- Media Queries ---------- */
/* Very Small */
@media only screen and (max-width: 30em) {
	.hide-for-x-small { display: none; }
	#ContainerFMA-slider.sliderFMA li {
		display: block;
		width: 100%;
		padding: 0;
	}
	#ContainerFMA-slider.sliderFMA li:first-child { display: none; }
	#CruiseSearch form, #TourSearch form { width: 100%; }
}
