/* Master layout */

/************************************************************
Embedded fonts */

@font-face {
	font-family:Busorama;
	src:url('../fonts/BUSOMI.eot'); /* IE8- */
	src:url('../fonts/BUSOMI.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/BUSOMI.ttf') format('truetype'); /* The rest of the world */
}

/************************************************************
Global styles */

html {
	border-top:42px solid #fff; /* Spacer for top bar */
	background:#f2fbfd url('../images/backgrounds/main-blue-bg.jpg') repeat center top;
	color:#191919;
	box-shadow:inset 0 190px 60px -60px #fff;
}
body {
	margin:0;
	padding:0;
	min-width:290px;
	font:10pt/1.5 Arial,Helvetica,sans-serif;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	color:#3a52a4;
}
a img,
iframe {
	border:none;
}
a[href^="tel:"] {
	color:inherit;
	cursor:inherit;
}
img {
	max-width:100%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:bold 110%/1.2 'Century Gothic',Arial,Helvetica,sans-serif;
	margin:0.7em 0 0.4em;
}
h1 {
	font-size:225%;
	font-weight:normal;
	color:#000;
}
h2 {
	font-size:180%;
	color:#3a52a4;
}
h3 {
	font-size:135%;
	color:#070707;
}
h5 {
	font-size:90%;
}
h1 strong {
	font-weight:normal;
	color:#3a52a4;
}
h2 small {
	display:block;
	font-size:100%;
	color:#000;
	text-shadow:none;
}

/* Alternate font */
h1.alt, h2.alt, h3.alt {
	font-family:Busorama,'Century Gothic',Arial,Helvetica,sans-serif;
	font-weight:normal;
}
h1.alt {
	font-size:180%;
}
h1.alt strong {
	font-size:120%;
}

/* Bevel */
#product.col h2 {
	text-shadow:-1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(255,255,255,0.4);
	/* border-bottom: 3px dotted #B8B7B7; */
}


/* Block-level */
p {
	margin:0.8em 0 1.2em;
}
address {
	margin:0.7em 0;
	font-style:normal;
}


/************************************************************
Layout: Top */

#top {
	position:fixed;
	z-index:100;
	width:100%;
	left:0;
	top:0;
	
	color:#fff;
	font:100%/2 'Century Gothic',Arial,Helveica,sans-serif;
	/*box-shadow:0 70px 60px 50px #fff;*/

	background:#224279 url('../images/ie/top-gradient.png') repeat-x left bottom; /* Fallback */
	background:-moz-linear-gradient(top, #224279, #132049);
	background:-webkit-linear-gradient(top, #224279, #132049);
	background:-ms-linear-gradient(top, #224279, #132049);
	background:-o-linear-gradient(top, #224279, #132049);
	background:linear-gradient(top, #224279, #132049);
}


/*-----------------------------------------------------------
Booking form */

#top>form {
	display:table;
	position:relative;
	max-width:950px;
	width:96%;
	margin:0 auto;
	padding:0 2%;
}
#top h2,
#top h3,
#top p {
	margin:0;
	padding:0 0.5%;
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	text-align:center;
}

/* Book Now */
#top h2 {
	font-size:100%;
	width:10em;
	padding:0;
}
#top h2 a {
	display:block;
	position:relative;
	font:italic normal 135%/1.3 'Century Gothic',Arial,Helvetica,sans-serif;
	padding:0.5em 1.1em 0.6em 0.9em;
	margin:0 0 -0.4em;
	width:4.7em;
	background:#a1cee5;
	color:#000;
	border:none;
	box-shadow:inset 0 0 3px 2px #d2f1ff, inset 0 -50px 50px -50px #9fcde4, 1px 1px 2px rgba(0,0,0,0.22);
	cursor:pointer;
}
#top h2 a:before { /* Triangle (actually a diamond) */
	content:' ';
	position:absolute;
	top:50%;
	right:-7px;
	margin-top:-9px;
	width:16px;
	height:16px;
	background:#a1cee5;
	box-shadow:inset 3px 3px 3px #d2f1ff;

	-moz-transform:rotate(133deg) skewX(-8deg) skewY(-8deg);
	-webkit-transform:rotate(133deg) skewX(-8deg) skewY(-8deg);
	-ms-transform:rotate(133deg) skewX(-8deg) skewY(-8deg);
	-o-transform:rotate(133deg) skewX(-8deg) skewY(-8deg);
	transform:rotate(133deg) skewX(-8deg) skewY(-8deg);
}
#top h2 a:after { /* Dotted underline */
	content:' ';
	display:block;
	border-bottom:3px dotted #3b3b3b;
	margin:0.1em -0.3em 0 -0.1em;
}

/* Rates & Availability */
#top h3 {
	color:#fff;
	font-size:120%;
	width:11em;
}


/* Form elements */
#top p {
	font-size:90%;
}
#top label {
	display:inline-block;
	vertical-align:middle;
}
#top input[type="text"] {
	font:90%/1.3 Arial,Helvetica,sans-serif;
	padding:0.4em 0.6em 0.3em;
	width:2.5em;
	border:none;
	background:#fff;
	color:#030303;
	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.5);
	border-radius:2px;
}

/* Date picker */
#top input[type="text"].datePicker {
	width:5em;
	padding-right:3em;
}
#top .datePickerLink {
	outline:none;
	display:inline-block;
	position:absolute;
	text-align:left;
	text-indent:-9999px;
	margin:5px 0 0 -22px;
	height:16px;
	width:16px;
	background:transparent url('../images/icons/calendar.png') no-repeat center center;
}
#top .button {
	vertical-align:baseline;
}
#top .button input {
	padding-right:2px;
}


/************************************************************
Layout: Main */

main {
	display:block;
	max-width:960px;
	margin:0 auto;
	padding:1em 1.5em 0;
}


/************************************************************
Layout: Header */

main>header {
	display:table;
	position:relative;
	text-align:center;
	padding:2em 1em 0;
	width:100%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*-----------------------------------------------------------
Logo */

#logo {
	display:table-cell;
	vertical-align:bottom;
	text-align:left;
	padding:0 0 2%;
	min-width:150px;
	max-width:240px;
	width:26%;
}
#logo a {
	display:block;
	text-indent:-9999px;
	background:transparent url('../images/logos/metropolis.png') no-repeat center bottom;
	background-size:contain;
	height:126px;
}


/*-----------------------------------------------------------
Headers */

main>header>section {
	padding:2.3em 0.5% 0 2%;
	display:table-cell;
	vertical-align:middle;
	width:41%;
}
main>header>section h2 {
	font:210%/1.1 Busorama,'Century Gothic',Arial,Helvetica,sans-serif;
	color:#000;
	margin:0;
}
main>header>section h3 {
	font-weight:normal;
	color:#000;
	margin:0;
}
main>header>section a[href^="tel:"] {
	white-space:nowrap;
	font-weight:normal;
	font-size:133%;
	color:#3a52a4;
}



/*-----------------------------------------------------------
Site navigation */

#sites {
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	white-space:nowrap;
}

/* Icons tab */
#sites>ul {
	list-style:none;
	display:inline-block;
	vertical-align:bottom;
	background:#9dcce5;
	margin:0;
	padding:0.6em 0.1em 0.4em;
	border-radius:0.6em 0.6em 0 0;
	position: relative;
}
#sites li {
	display:inline-block;
	border-left:2px dotted #3e5197;
}
#sites li:first-child, #sites li.text+li {
	border:none;
}
#sites li a {
	display:block;
	outline:none;
	text-align:left;
	text-indent:-9999px;
	padding:0 0.5em 0 0.7em;
	height:46px;
	width:45px;
	background:transparent url('../images/logos/logo-nav.png?2') no-repeat center center;
}

#sites li.text a {
	font-family:'Century Gothic',Arial,Helvetica,sans-serif;
	position:absolute;
	display:block;
	text-align: center;
	text-indent: 0;
	padding: 0px;
	margin:0;
	background:none;
	bottom: 100%;
	float: right;
	width: 100%;
	height: auto;
	
}
#sites li.chaos a {
	background-position:10px center;
}
#sites li.action-city a {
	background-position:-56px center;
	width:58px;
}
#sites li.metropolis a {
	background-position:-130px center;
	width:84px;
}


/* Virtual tour link */
#sites a.virtualtour {
	display:inline-block;
	vertical-align:bottom;
	background:transparent url('../images/site/virtualtour.png') no-repeat center bottom;
	background-size:contain;
	text-indent:-9999px;
	text-align:left;
	outline:none;
	width:115px;
	height:76px;
	margin:0 4em 0 0;
}


/*-----------------------------------------------------------
Page navigation */

#top-nav {
	text-align:right;
	position:absolute;
	margin:0.7em 0;
	right:1em;
	top:0;
}
#top-nav>ul:first-child { /* Site links - only show in mobile view */
	display:none;
}
#top-nav>ul {
	list-style:none;
	margin:0;
	padding:0 0.5em;
	font:100%/1.2 'Century Gothic',Arial,Helvetica,sans-serif;
	background:#2f4173;
	color:#fff;
	border:0.25em solid #354f7d;
	border-radius:0.6em;
	box-shadow:inset 0 0 0.2em 0.1em #3867a4;
}
#top-nav li {
	display:inline;
}
#top-nav li a {
	display:inline-block;
	line-height:1;
	padding:0.4em 0.2em 0.6em;
	color:#fff;
}
#top-nav li+li:before {
	content:'  |  ';
	vertical-align:text-top;
}
#top-nav a[href="#site-search"] {
	text-indent:-9999px;
	text-align:left;
	outline:none;
	width:22px;
	background:transparent url('../images/icons/magnify.png') no-repeat center center;
}

/*
#top-nav>ul {
	font:90%/1.2 'Century Gothic',Arial,Helvetica,sans-serif;
	list-style:none;
	margin:0.7em 0;
	padding:0;
}
#top-nav li {
	display:inline;
}
#top-nav a {
	display:inline-block;
	color:#000;
	padding:0 0.4em 0 0.7em;
	border-left:1px solid #000;
}
#top-nav li.sel a {
	font-weight:bold;
	color:#3a52a4;
}
#top-nav li:first-child a {
	border-left:none;
}
*/


/*-----------------------------------------------------------
Search area */

#site-search {
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	bottom:0;
	left:0;
	border-top:5em solid transparent; /* Prevents the page from jumping when the anchor is clicked */
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
#site-search nav {
	position:absolute;
	text-align:left;
	z-index:3;
	height:100%;
	width:100%;
	bottom:0;
	left:0;
	background:#2f4173;
	color:#fff;
	border:0.25em solid #354f7d;
	border-radius:0.6em;
	box-shadow:inset 0 0 0.2em 0.1em #3867a4;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#site-search p {
	position:relative;
	z-index:4;
	text-align:center;
	white-space:nowrap;
	background:#fbfbfc;
	box-shadow:inset 0.1em 0.1em 0.2em rgba(0,0,0,0.2);
	border-radius:0 0.5em 0.5em 0;
	margin:0 0.3em 0 4em;
	top:0.4em;
}
#site-search input[type="text"] {
	display:inline-block;
	vertical-align:middle;
	font:100%/1.3 'Century Gothic',Arial,Helvetica,sans-serif;
	background:none;
	border:none;
	outline:none;
	color:#030303;
	padding:0.2em 0.5em;
	width:82%;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#site-search input[type="submit"] {
	display:inline-block;
	vertical-align:middle;
	background:transparent url('../images/icons/search.png') no-repeat 85% center;
	text-indent:-9999px;
	min-width:22px;
	height:22px;
	width:15%;
	padding:0;
	outline:none;
	border:none;
	cursor:pointer;
}

#site-search:target {
	visibility:visible;
	opacity:1;
}
#site-search nav a {
	color:#fff;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:0 0 0 0.5em;
	font:90%/2 'Century Gothic',Arial,Helvetica,sans-serif;
}
#site-search nav a:before {
	content:'\AB  Back';
	white-space:nowrap;
	text-align:right;
	text-indent:0;
	float:left;
}


/************************************************************
Layout: Content */

#content {
	padding:0 0 250px;
	background:#fff url('../images/site/design-metropolis.png') no-repeat center bottom;
	background-clip:padding-box;
	border:10px solid rgba(255,255,255,0.5);
	border-radius:0 0 1em 1em;
	box-shadow:0 0 12px rgba(0,0,0,0.1);
}

/*-----------------------------------------------------------
Main navigation */

#main-nav>ul {
	position:relative;
	list-style:none;
	text-align:center;
	margin:0 -1.3em;
	padding:0.7em 0.5em;
	font:120%/2 'Century Gothic',Arial,Helvetica,sans-serif;
	background:#224d9e url('../images/backgrounds/main-nav-overlay.png') repeat center center;
	box-shadow:inset 0 3em 3em -3em rgba(255,255,255,0.2), inset 0 -3.5em 3em -3em rgba(0,0,0,0.3);
}
#main-nav>ul>li {
	display:inline-block;
	/*position:relative;*/
}
#main-nav>ul>li>a {
	display:inline-block;
	color:#fff;
	padding:0.2em 0.8em;
	border-radius:0.6em 0.6em 0 0;

	-webkit-transition:color 0.4s ease 0s, background-color 0.4s ease 0s;
	transition:color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#main-nav>ul>li:hover>a:not(:only-child) {
	background:#9dcce5;
	color:#000;
}

/* Triangles */
#main-nav>ul:before,
#main-nav>ul:after {
	content:' ';
	position:absolute;
	width:0;
	height:0;
	bottom:-10px;
	border-top:10px solid #010204;
}
#main-nav>ul:before {
	border-left:10px solid transparent;
	left:0;
}
#main-nav>ul:after {
	border-right:10px solid transparent;
	right:0;
}

/* Second level */
#main-nav li>ul {
	list-style:none;
	position:absolute;
	padding:0 0.7em 0.4em;
	margin:0;
	min-width:10em;
	max-width:14em;
	text-align:left;
	background:#9dcce5;
	border-radius:0 0.6em 0.6em 0.6em;
	z-index:100;
	overflow:hidden;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#main-nav li:hover>ul {
	visibility:visible;
	opacity:1;
}
#main-nav li li {
	font-size:90%;
	border-top:3px dotted;
}
#main-nav li li:first-child {
	border:none;
}
#main-nav li li a {
	display:block;
	position:relative;
	margin:0 -0.7em;
	padding:0.4em 2.5em 0.4em 1.2em;
	line-height:1.2;
	color:#000;
}
#main-nav li li a:hover {
	background:#8CBCD8; /*rgba(50,100,150,0.15);*/
}
#main-nav li li a:hover:after {
	content:'\203A';
	position:absolute;
	font:bold 22pt/0 Arial,Helvetica,sans-serif;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	color:#fff;
	top:45%;
	right:0.6em;
}


/*-----------------------------------------------------------
Columns */

#content .col.main {
	width:68%;
}
#content .col.side {
	width:26%;
	padding-left:1%;
}
#content .col+.col {
	margin-left:2%;
}

/* Nested */
#content .col.main .col.main {
	position:relative;
	z-index:2;
	width:64%;
}
#content .col.main .col.side {
	width:32%;
}
#content .col.main .col.main:after { /* Shadow */
	content:' ';
	position:absolute;
	z-index:-1;
	bottom:-0.6em;
	left:0;
	width:100%;
	height:3em;
	box-shadow:0 0.3em 0.3em -0.3em rgba(0,0,0,0.1), 0 0.5em 1em -1em rgba(0,0,0,0.4);
}



/************************************************************
Layout: Footer */

main>footer {
	margin:1.5em 0;
	text-align:center;
}


/*-----------------------------------------------------------
Navigation */

#foot-nav {
	text-align:left;
}
#foot-nav>ul {
	display:table;
	list-style:none;
	margin:0 0 0 1%;
	padding:0;
	width:99%;
}
#foot-nav>ul>li {
	display:table-cell;
	padding:0 0.5em;
}
#foot-nav>ul>li:last-child {
	width:8em;
}
#foot-nav h3 {
	font-size:110%;
}
#foot-nav li ul {
	list-style:none;
	font-size:95%;
	margin:0;
	padding:0;
}
#foot-nav li li {
	margin:0.3em 0;
}
#foot-nav li li a {
	color:#111;
}

/*-----------------------------------------------------------
Call number */

main>footer h2 {
	position:relative;
	font:180%/1.2 Busorama,'Century Gothic',Arial,Helvetica,sans-serif;
	margin:0.5em auto;
	width:20em;
	color:#000;
}
main>footer h2 small {
	display:inline-block;
	padding-right:0.4em;
	font:75%/1.2 'Century Gothic',Arial,Helvetica,sans-serif;
}
main>footer h2 small strong {
	display:block;
	font-weight:normal;
	color:#3a52a4;
}
main>footer h2 a[href^="tel:"] {
	font:200%/1.4 'Century Gothic',Arial,Helvetica,sans-serif;
	color:#3a52a4;
}
main>footer h2:after { /* Shadow */
	content:' ';
	position:absolute;
	bottom:-0.4em;
	left:30%;
	width:40%;
	height:2em;
	box-shadow:0 0.3em 0.3em -0.3em rgba(0,0,0,0.1), 0 0.3em 0.8em -0.7em rgba(0,0,0,0.4);
	/*box-shadow:0 0.3em 0.3em -0.3em rgba(0,0,0,0.1), 0 1.4em 1em rgba(250,0,0,1);*/
}


/*-----------------------------------------------------------
Address / copyright info */

main>footer>section {
	position:relative;
	display:inline-block;
	text-align:left;
	color:#292929;
	font:90%/1.5 'Century Gothic',Arial,Helvetica,sans-serif;
	padding:0 0 0 140px;
	margin:1.2em 0 0;
}
main>footer>section:before {
	content:url('../images/logos/metropolis-sm-blk.png');
	position:absolute;
	left:0;
	top:0;
}

main>footer address {
	margin:1.2em 0 0.2em;
}
main>footer address span {
	white-space:nowrap;
}
main>footer address span+span:before {
	content:'  |  ';
}

main>footer p {
	/*display:inline;
	margin:0 0.5em 0 0;*/

	font:90%/1.5 'Century Gothic',Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0.5em 0;
}
main>footer p span {
	white-space:nowrap;
}

/* Trip Advisor link */
a.tripAdvisor {
	display:inline-block;
	vertical-align:bottom;
	background:transparent url('https://www.tripadvisor.com/img/cdsi/partner/ta-large-11418-0.gif') no-repeat center center;
	text-indent:-9999px;
	outline:none;
	width:160px;
	height:30px;
}

/* Policy links */
#policy-nav {
	/*display:inline;*/
	white-space:nowrap;
}
#policy-nav ul {
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}
#policy-nav li {
	display:inline;
}
#policy-nav li+li:before {
	content:'  |  ';
}
#policy-nav a {
	font-weight:bold;
	white-space:nowrap;
	/*color:#292929;*/
}




/************************************************************
Buttons / links */

/*-----------------------------------------------------------
Standard links */

a.link:before {
	content:'[\A0'; /* A0 is a non-breaking space */
}
a.link:after {
	content:'\A0]';
}


/*-----------------------------------------------------------
Buttons */

.button {
	display:inline-block;
	vertical-align:middle;
	font:italic normal 100%/1.3 'Century Gothic',Arial,Helvetica,sans-serif;
	padding:0.4em 0.8em;
	color:#000 !important;
	background:#f9ef49;
	border:3px solid #e9cc07;
	border-radius:0.5em;
	box-shadow:inset 0 0 3px 2px rgba(255,253,228,0.75), inset 0 -25px 25px -25px #f3e005;
	text-shadow:1px 0 0 rgba(0,0,0,0.5);
	cursor:pointer;
}
.button:after, .button.leftArrow:before {
	content:'\203A';
	font:bold 200%/0.5 Arial,Helvetica,sans-serif;
	vertical-align:top;
	margin:0 0 0 0.3em;
}

/* Alternate arrows */
.button.leftArrow:after,
.button.noArrow:after {
	display:none;
}
.button.leftArrow:before {
	content:'\2039';
	margin:0 0.3em 0 0;
}


/* Submit buttons that HAVE to have arrows */
.button input {
	font:italic normal 100%/1.3 'Century Gothic',Arial,Helvetica,sans-serif;
	text-shadow:1px 0 0 rgba(0,0,0,0.5);
	padding:0;
	margin:0;
	border:none;
	background:none;
	color:#000 !important;
	cursor:pointer;
}


/* Larger */
.button.big {
	font-size:120%;
	padding:0.7em 1em;
	border-radius:0.7em;
}


.action-city-link {
	position: relative;
	display: inline-block;
	min-width:80px;
	padding:2px 10px;
	color:#FFF !important;
	background-color:#A92436;
	border-radius:7px;
	text-align:center;
}

#top-nav .action-city-link {
	position:absolute;
	bottom: -15px;
	right: 0;
}

/************************************************************
Modal */

#simplemodal-container {
	max-width:800px;
	box-sizing:border-box;
	/*min-width:300px;*/
}
#modal, #giftcard-modal {
	display:none;
	position:absolute;
	background:#fff;
	border-radius:0.4em;
	border:1px solid #888;
}
#modal h2, #giftcard-modal h2 {
	background:#9DCCE5 url('../images/backgrounds/sidenav-header.jpg') repeat center center;
	margin:0 -15px;
	padding:0.4em 30px 0.2em 15px;
	border-radius:0.2em 0.2em 0 0;
}
#modal-content, #giftcard-modal-content {
	padding:0 15px 0.5em 15px;
	min-width:535px;
}
#modal .simplemodal-close, #giftcard-modal .simplemodal-close {
	cursor:pointer;
	position:absolute;
/*
	right:0.4em;
	top:0.2em;
	padding:0.2em;
	font-weight:bold;
*/
	right:-10px;
	top:-10px;
	font-size:218%;
	line-height:1;
	
	height:28px;
	width:28px;
	background-color:#000;
	border:2px solid #FFF;
	text-align: center;
	vertical-align: middle;
	color:#FFF;
	border-radius:50%;

}

#modal-content h3, #giftcard-modal-content h3 {
	font-size:110%;
	margin:0.8em 0.3em 0.5em 0.1em;
	border-bottom:1px solid #ddd;
	padding:0 0.3em 0.1em 0.3em;
}

/* Modal forms */
#modal fieldset, #giftcard-modal fieldset {
	width:auto;
	display:block;
	margin-top:1em;
}

/* Add shade to background */
#simplemodal-overlay.simplemodal-overlay {
	background-color:#000;
}

/* Gift Card Modal */

/*
#modal-content .main.col > p, #modal-content .main.col > div {
	display: inline-block;
	vertical-align: top;
	width:60%;
}

#modal-content .main.col > div {
	margin-left:4%;
	width:34%;
	text-align: left;
}

#modal-content .main.col > div > p:first-child {
	line-height:1;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#modal-content .main.col > p img {
	display: block;
	width:100%;
	max-width:100%;
	margin:10px auto 0;
}

#modal-content .main.col form > p > label {
	display: block;
	font-weight:bold;
	font-size:110%;
}

#modal-content .main.col form > p span {
	color:#DD0000;
}

#modal-content .main.col form > p > input {
	margin-top:8px;
	padding:2px 0;
}

#modal-content .main.col {
	max-width:100%;
	width:100%;
}

#modal-content .main.col form #message {
	font-size:90%;
}

#modal-content #cvcc {
	margin-right:11px;
}

#modal-content #findCard {
	margin-top:15px;
}
*/

/* ---------- change IDs for giftcard modal ---------- */

#giftcard-modal-content .main.col > p, #giftcard-modal-content .main.col > div {
	display: inline-block;
	vertical-align: top;
	width:60%;
}

#giftcard-modal-content .main.col > div {
	margin-left:4%;
	width:34%;
	text-align: left;
}

#giftcard-modal-content .main.col > div > p:first-child {
	line-height:1;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#giftcard-modal-content .main.col > p img {
	display: block;
	width:100%;
	max-width:100%;
	margin:10px auto 0;
}

#giftcard-modal-content .main.col form > p > label {
	display: block;
	font-weight:bold;
	font-size:110%;
}

#giftcard-modal-content .main.col form > p span {
	color:#DD0000;
}

#giftcard-modal-content .main.col form > p > input {
	margin-top:8px;
	padding:6px 8px;
}

#giftcard-modal-content .main.col {
	max-width:100%;
	width:100%;
}

#giftcard-modal-content .main.col form #message {
	font-size:90%;
}

#giftcard-modal-content #cvcc {
	margin-right:11px;
}

#giftcard-modal-content #findCard {
	margin-top:15px;
}

#giftcard-modal .contactForm p {
	margin-left:0;
}

#giftcard-modal .contactForm p label:first-child, #giftcard-modal .contactForm p .label:first-child {
	margin:0;
	text-align: left;
}

#giftcard-modal #message {
	font-size:13px !important;
}



/************************************************************
Miscellaneous */

.unformat {
	list-style: none;
	padding:0;
}

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

h2.smaller {
	font-size:164%;
}

/* Highlighting */
mark { background:#ffc; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }

/* Columns */
.col {
	display:inline-block;
	vertical-align:top;
}

/* Default input text ---TODO: REMOVE in favor of placeholders */
.default {
	font-style:italic;
	font-size:90% !important;
	color:#6e6e6e !important;
}

/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}

/* Close button for flip.to banner */

.close-banner {
	position: absolute;
	top:5px;
	right:0;
	display: inline-block;
	height:31px;
	width:31px;
	background:url('http://flip.to/media/img/btn-dialog-close.png') no-repeat center top;
	z-index: 5;
}

.close-banner:hover, .close-banner:active {
	background-position:center bottom;
}

/* Hide element (display: none) - Great for divs that are hidden for use in modals. */
.hide {
	display: none;
}

/* Pagination *
.pagination {
	list-style:none;
	margin:1em 0;
	padding:0;
	text-align:center;
}
.pagination li {
	display:inline;
	margin:0 0.2em;
}


/* Navigation links for mobile */
#nav-jump,
#nav-close {
	display:none !important;
}
#pinit {
	margin-top: 10px;
	right: 90px;
	position: absolute;
}


#top-nav li ul{
	text-align: left;
	width: 40%;
	margin: 0px;
	padding: 5px;
	border-radius: 10px;
	position: absolute;
	top: 30px;
    z-index:99;
    visibility: hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
    background: none repeat scroll 0% 0% #2F4173;
}

#top-nav li ul li{
	display:table-row;
	margin: 0px;
	padding: 0px;
}

#top-nav li ul li + li:before{
	content: "";
}

#top-nav ul li:hover ul {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}