/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }



/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body { }

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #B4B3AF; margin: 2em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none !important;
}

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }


/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#bd2b2f; text-decoration:underline; }
a:hover, a:active, a:focus { color:#bd2b2f; text-decoration:none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
html {overflow-x:hidden; position: relative; font-family: 'Adamina', serif; color:#363636;}
body {background:#D4D3CF; overflow-x: hidden;}

h1 { font-size:2em; font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}
h1 span {color:#BD2C31;}
h2 {font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}
h3 {font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}
h4 {font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}
h5 {font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}
h6 {font-family: 'Roboto Slab', serif; margin:0 0 10px 0; text-transform:uppercase;}

.siteBody {padding:30px 0;}

.homeTemplate .siteBody {position:relative; top:-115px; padding:0px;}
.homeTemplate .footer {margin:-115px 0 0 0;}

.mainContent {}
.mainContent p {font-size:1em; line-height:1.6;}
.mainContent ul,
.mainContent ol {font-size:1em; line-height:1.6;}

/* ## Site Header ## */
.siteHeader {position:relative; z-index:999; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21201e+14,343331+100 */
background: rgb(33,32,30); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(33,32,30,1) 14%, rgba(52,51,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(33,32,30,1) 14%,rgba(52,51,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(33,32,30,1) 14%,rgba(52,51,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21201e', endColorstr='#343331',GradientType=0 ); /* IE6-9 */
}
.homeTemplate .siteHeader  {background:none; filter:none;}
.siteHeader .headerTop {background:#1D1C18; padding:10px 0;}
.siteHeader .headerTop .follow {display:none; padding:4px 0 0 0;}
.siteHeader .headerTop .follow .label {text-transform:uppercase; color:#cccccc; position:relative; top:-1px;}
.siteHeader .headerTop .follow a {color:#fdda79; text-decoration:none;}
.siteHeader .headerTop .phone {float:right;}
.siteHeader .headerTop .phone a {color:#BD2B2E; text-decoration:none; font-size:1.125em; font-weight:bold; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear;  -o-transition: all .1s linear; transition: all .1s linear;}
.siteHeader .headerTop .phone .label {text-transform:uppercase; position:relative; top:-1px; display:none;}
.siteHeader .headerTop .phone .num {}
.siteHeader .headerTop .phone a:hover,
.siteHeader .headerTop .phone a:focus {color:#FDDA79;}
.siteHeader a.sitelogo {position:relative; display:block; max-width:170px; top:-10px; left:50%; margin-left:-85px; margin-bottom:-30px; z-index:9999;}


.homeCallout {background:#2C2C2C; padding:30px 10px 50px; }
.homeCallout .inner {}
.homeCallout .inner .leftBlock {text-align:center; margin:0 0 20px;}
.homeCallout .inner .midBlock {text-align:center;}
.homeCallout .inner .rightBlock {text-align:center;}
.homeCallout .title {color:#ffffff; margin:0 0 20px; font-size:1.8em; text-transform:uppercase; font-weight:300; line-height:1.2;}
.homeCallout .title span {font-weight:700;}
.homeCallout .fakeBtn {white-space:nowrap;}




.drinkContainer {background:url(/cms/images/layout/bg_drink_ink.jpg) no-repeat 50% -40px; background-size:cover;  padding:120px 0 60px; position:relative;}
.drinkContainer .mask {z-index:2; position:absolute; top:0px; left:0px; width:100%; height:100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4542+43,4a4542+75&0+43,1+75 */
background: -moz-linear-gradient(top,  rgba(74,69,66,0) 43%, rgba(74,69,66,1) 75%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(74,69,66,0) 43%,rgba(74,69,66,1) 75%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(74,69,66,0) 43%,rgba(74,69,66,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a4542', endColorstr='#4a4542',GradientType=0 ); /* IE6-9 */

}
.drinkContainer .container {z-index:3;}
.drinkContainer p.welcome {font-size: 1.275em; background: rgba(0, 0, 0, 0.6); font-weight:600; color:#ffffff; text-align:Center; padding:30px 0; margin-top: 60px;}
.drink {}



.printCoupon {text-align:center; margin:0 0 30px;}
.printCoupon .btn {}


.drink .imgContainer {overflow:hidden; border:4px solid #2d2521; max-width:324px; position:relative; -webkit-border-radius: 1000px; border-radius: 1000px;}
.drink .imgContainer:after {content:''; position:absolute; top:0px; left:0px; z-index:3; background:rgba(0,0,0,.5); width:100%; height:100%;}
.drink .imgContainer:hover:after {background:rgba(0,0,0,.3);}

.drink .title {background:rgba(21, 21, 21, .85); padding:70px 36px; font-family: 'Roboto Slab', serif; font-size:.625em; font-weight:700; text-transform:uppercase; text-align:left; display:inline-block; max-width:544px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; -webkit-border-radius: 1000px; border-radius: 1000px;}
.drink .title .a {color:#b0ba31; font-size:7em; display:block; line-height:.9;}
.drink .title .b {color:#ffffff; font-size:10.3em; display:block; line-height:.9; white-space:nowrap; position:relative;}
.drink .title .c {color:#fdda79; font-size:0.381em; position:relative; top:.22em; display:inline-block; vertical-align:top;}

.drink .mainBlock {  position:relative;  text-align:center;}
.drink .leftBlock { width:50%; position:relative; float:left; }
.drink .rightBlock { width:50%; position:relative; float:left;}

.drink .leftBlock .imgContainer {margin:20px 10px 0;}
.drink .rightBlock .imgContainer {margin:20px 10px 0;}

.mapAndButton { margin:0 0 10px 0;}
.mapAndButton .map {border:2px solid #1c1d17; border-bottom:0px;}
.mapAndButton .map iframe {height:200px; width:100%;  }
.mapAndButton .button {}
.mapAndButton .button a {text-decoration:none; color:#ffffff; background:#BD2B2E; font-size:1.4em; text-transform:uppercase; font-family:"Roboto Slab",serif; padding:20px; text-align:center; display:block;}

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; }

.title { position: relative; margin: 0 0 1em; }
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;
}

.modContent{
	padding: 15px;
}



/* Item Lists Content
   ========================================================================== */

.itemList { 
	margin:0; 
	padding:0; 
	list-style:none; 
}

.item { 
	display: table;
	padding: 1em 0; 
	width: 100%;
	border-top: 1px solid #ccc; 
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}

.content .title { margin:0; }
.itemList .content p { margin: 0; }
.content .date { font-size:0.85em; }


/* Item Media
   ========================================================================== */

.aside { 
	display: table-cell;
	padding: 0 15px 0 0; 
	text-align: center;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media (max-width : 400px) { 
	
	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right; 
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 8px;
	background: #eeeeee;
	border-bottom:1px solid #dddddd;
	margin:0 0 10px 0;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

/* Pagination
   ========================================================================== */

.paging {
	padding: 0 0 10px 0;
}

.paging .sortStatus {font-size:.875em;}

.paging-results { 
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled { 
	display: none;
}

.paging-list li.disabled+li { 
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}



/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert { 		
	overflow:hidden;
	border: 1px solid #FE0000; 
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;	
	color: #fff;
	background-color: #FEFF99;	
}
.alert a { color:#fff; }

.bdr        { border:2px solid #1C1D17; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */
   
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}

 
/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.genericPager {padding:10px 0 0 0;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:.75em; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#444444; padding:2px 4px; border:1px solid #ddd; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#000; background-color:#CFCFCF; border: 1px solid #dddddd; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;    
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
                           MODULE STYLES 
===================================================================*/


/* ##  Breadcrumb  ## */

.breadcrumbs { padding:0; font-size:.75em; margin:0 0 15px 0; color:#555555;}
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }


/* ## Page Heading ## */

.pageHeading {  }
.pageHeading .title { margin:0 0 20px 0; padding:0;  background:none; border-bottom:1px solid #b4b3af; }

.pageHeading .printCoupon {margin:10px 0; font-size:.75em;}

/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {float:right; display:inline; padding:5px 0 10px 0; text-align:right;}

.pageTool { margin:0 10px 0; font-size:1.5em; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a { float:right; display:inline;  }

.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a {text-decoration:none;}

.addthis_toolbox { display:inline; }

.siteHeader .sitelogo {position:relative; display:block; max-width:140px; top:0px; left:50%; margin-left:-70px; margin-bottom:-15px; z-index:9999;}


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:hidden !important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:800px; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background-color:#000; }
#colorbox{ background:rgba(0,0,0,.6);}
.no-rgba #colorbox { background:#000; }
    #cboxContent {margin:22px; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0; background:#000;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxTitle p { margin:0; padding:0 0 .8em; color:#fff; background:rgba(0,0,0,.5); }
        #cboxTitle p:first-child { padding-top:.8em; }
        .lt-ie9 #cboxTitle p { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); zoom:1; }
        #cboxCurrent{position:absolute; bottom:-20px; right:0; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious, #cboxNext { position:absolute; top:46%; width:30px; height:58px; text-indent:-9999px; background:url(/cms/images/colorbox/controls-dark.png) no-repeat; }
        #cboxPrevious       { left:0; background-position:0px -5px; }
        #cboxNext           { right:0; background-position:-68px -5px; }
        #cboxPrevious:hover { background-position:0 -70px; }
        #cboxNext:hover     { background-position:-68px -70px; }
        #cboxLoadingOverlay{background:url(/cms/images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/cms/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{ position:absolute; top:-18px; right:-5px; padding-left:3px; min-width:60px; height:16px; line-height:16px; font-weight:bold; font-size:.9em; color:#949494; font-weight:bold; text-transform:uppercase; background:url(/cms/images/colorbox/login-controls.png) no-repeat 100% -16px;  }
        #cboxClose:hover{ color:#fff;}

/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " "; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
 
}

	
/* ## Button Styles ## */


.btnWrapper { display:inline-block;  }
.btn,
a.btn { display:inline-block; margin:0; padding:14px 20px; font-size:1.250em; text-transform:uppercase;  font-weight:700; color:#fff; background:#BD2B2E; border:0px; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; -webkit-border-radius: 10px; border-radius: 10px;}
.btn span {display:block; font-weight:400; font-size:0.850em;}

.btn:hover, .btn:focus,
a.btn:hover, a.btn:focus {background:#a92225;}

.fakeBtn { display:inline-block; margin:0px 0px; padding:14px 20px; font-size:1.250em; text-transform:uppercase;  font-weight:700; color:#fff; background:#BD2B2E; border:0px; text-align:center; text-decoration:none; overflow:visible; -webkit-border-radius: 10px; border-radius: 10px;}
.fakeBtn span {display:block; font-weight:400; font-size:0.850em;}
.book {
    display:inline-block; margin:10px;
}
    .bookBtn a {color:#fff; text-decoration:none; margin:10px 0px;}

    .btnAlt {
    }
.btnAlt .btn{color:#666666; background-color:#cccccc ; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}

.btn2 {}

.btnSmall,
a.btnSmall {font-size:1em; padding:8px 10px;}

.btnLarge .btn {padding:5px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }




/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,191919+100 */
background: rgb(44,44,44); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,44,44,1) 0%, rgba(25,25,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,44,44,1) 0%,rgba(25,25,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,44,44,1) 0%,rgba(25,25,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#191919',GradientType=0 ); /* IE6-9 */

}
.footer .inner {padding:30px 0 10px;}

.footer .contact {display:block; border:1px solid #3F3F3F; padding:20px 20px; text-align:center; margin:0 0 20px 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,151515+100 */
background: rgb(34,34,34); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(21,21,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(21,21,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(21,21,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}
.footer .contact .footerLogo { margin:0 0 20px 0;}
.footer .contact .address {font-family: 'Roboto Slab', serif; color:#ffffff; font-size:1.25em; margin:0 0 20px 0;}
.footer .contact .copy {color:#868686; font-size:.875em; line-height:1.5;}

.footerLinks {padding:10px 20px 0;}
.footerLinks a, .footerLinks a:visited {text-decoration:none; text-align:center; color:#ffffff; display:block; font-size:1.350em; font-family: 'Roboto Slab', serif; text-transform:uppercase; margin:15px 0;}

.footer .map {margin:0 0 10px;}
.footer .map iframe {width:100%; height:200px;}

.footer .phone {background:#BD2B2E; text-align:center; padding:15px 15px; color:#ffffff; font-size:1.175em; font-family: 'Roboto Slab', serif;}
.footer .phone .num {font-size:1.182em;}

.subFooter { padding:20px 0; background:#181715; text-align:center;}

.footer .by {}
.footer .by a.ae {background:url(/cms/images/layout/logo_ae.png) no-repeat 0 0; text-indent:-9999em; display:inline-block; width:219px; height:16px; position:relative; top:2px;}
.footer .by span {color:#999999; font-size:.75em; padding:10px 0 0; display:block;}
.footer .by span a {text-decoration:none;color:#999999;}

/* ## Footer Email Signup ## */

.emailSignup {margin:0 auto 15px; padding:15px 0 0 0; max-width:300px;}
.emailSignup .formee .text {border:#d9d7d5; background:#ffffff; color:#666666; font-size:.813em; padding:10px 45px 10px 10px; margin:0px; -webkit-border-radius: 6px;border-radius: 6px;}
.emailSignup a.btnEmail {position:absolute; top:0px; right:0px; width:40px; height:100%; text-align:center; text-decoration:none; background:#222222; color:#ffffff; -webkit-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}
.emailSignup a.btnEmail [class*="icon-"] {margin-top:10px; display:inline-block;}

.footer .social {text-align:center;}
.footer .social a {font-size:.875em; color:#ffffff; text-decoration:none;}
.footer .social a.facebook {padding:0 0 0 30px; }
.footer .social [class*="icon-"] {font-size:1.25em; position:relative; top:2px;  color:#3C568C;}
/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }


/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ----------------
	OUR STORY
------------------- */
.our-story-wrapper {}
.our-story-wrapper .inner {margin: 0 auto 50px;}
.our-story-wrapper .video-wrapper  {}

.memory-wrapper {}
.memory-wrapper .intro {margin: 0 auto; padding: 0 0 20px; text-align: center;}
.memory-wrapper .intro img {padding: 0 0 20px;}
.memory-wrapper .inner {}
.memory-wrapper .outro {margin: 0 auto; text-align: center;}
.memory-wrapper .img-left {float: left; padding: 10px 20px 20px 0;}
.memory-wrapper .img-right {float: right; padding: 10px 0 20px 20px;}

.siteHeader .headerTop .book {
    margin: 0px 0px 20px 0px; 
    font-weight:bold;
}
.siteHeader .headerTop .book a {
    text-decoration: none;
}


    /* =================================================================
                        Media Queries
===================================================================*/
    /* 16px baseline (180px - 767px) */
    @media only screen and (min-width:11.250em) and (max-width:47.938em) {
        .memory-wrapper .img-left,
        .memory-wrapper .img-right {
            max-width: 50% !important;
        }
    }
    /* 16px baseline (768px +) */
    @media only screen and (min-width:48em) {

        h1 {
            font-size: 3em;
        }

        .mainContent p {
            font-size: 1.125em;
        }

        .mainContent ul,
        .mainContent ol {
            font-size: 1.125em;
        }

        .pageHeading .printCoupon {
            float: right;
            position: relative;
            z-index: 2;
        }

        .siteBody {
            padding: 60px 0;
        }

        .homeTemplate .siteBody {
            position: relative;
            top: -162px;
        }

        .homeTemplate .footer {
            margin: -162px 0 0 0;
        }

        .leftRailMainContent {
            padding: 0 0 0 30px;
        }

        .mapAndButton .map iframe {
            height: 400px;
        }

        .mapAndButton .button a {
            font-size: 2em;
            padding: 20px;
        }
    }

    @media only screen and (min-width:60em) {

        .siteHeader {
        }

            .siteHeader .headerTop .follow {
                display: inline-block;
            }

            .siteHeader .headerTop .book {
                display: inline-block;
                margin: 0px 0px 0px 20px;
                font-weight: bold;
            }

                .siteHeader .headerTop .book a:hover,
                .siteHeader .headerTop .book a:focus {
                    color: #FDDA79;
                }

            .siteHeader .headerTop .phone .label {
                display: inline;
            }

            .siteHeader a.sitelogo {
                position: absolute;
                max-width: 224px;
                top: -38px;
                left: 50%;
                margin-left: -112px;
                z-index: 999;
                margin-bottom: 0px;
            }



        .homeCallout {
            background: rgba(0, 0, 0, .75);
            padding: 20px 0 25px;
            position: absolute;
            width: 100%;
            bottom: 0px;
            left: 0px;
            z-index: 20;
        }

            .homeCallout .inner {
                display: table;
                width: 100%;
                max-width: 1210px;
                margin: 0 auto;
            }

                .homeCallout .inner .leftBlock {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 0 10px;
                    text-align: left;
                }

                .homeCallout .inner .midBlock {
                    display: table-cell;
                    vertical-align: top;
                    padding: 0 10px;
                    text-align: left;
                }

                .homeCallout .inner .rightBlock {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 0 10px;
                }

            .homeCallout .title {
                margin: 0;
                font-size: 2.375em;
            }

                .homeCallout .title span {
                    display: block;
                }

        .drinkContainer {
            background: url(/cms/images/layout/bg_drink_ink.jpg) no-repeat 50% 0;
            padding: 6% 0;
            background-size: cover;
        }

            .drinkContainer .mask {
                display: none;
            }

            .drinkContainer p.welcome {
                font-size: 1.375em;
            }

        .drink .title {
            padding: 20% 11%;
            font-size: 1em;
        }

        .drink .mainBlock {
            width: 52%;
            float: left;
            text-align: center;
            left: 25%
        }

        .drink .leftBlock {
            width: 24%;
            float: left;
            left: -50%
        }

        .drink .rightBlock {
            width: 24%;
            float: left;
        }

        .drink .leftBlock .imgContainer {
            margin: 10px 0 0 0;
        }

        .drink .rightBlock .imgContainer {
            margin: 200px 0 0 0;
        }

        .footer .inner {
            padding: 60px 0;
        }

        .footer .contact {
            padding: 40px 20px;
            margin: 0px;
        }

            .footer .contact .footerLogo {
                margin: 0 0 40px 0;
            }

            .footer .contact .address {
                font-size: 1.500em;
                margin: 0 0 30px 0;
            }

        .footerLinks {
            padding: 0 40px;
        }

            .footerLinks a, .footerLinks a:visited {
                font-size: 1.750em;
                margin: 34px 0;
                text-align: left;
            }

        .footer .map iframe {
            height: 350px;
        }

        .footer .phone {
            padding: 30px 15px;
            font-size: 1.375em;
        }

        .footer .by span {
            display: inline;
        }
    }

    .staffTheme {}
.staffTheme .fileterDirectory {font-size: 0.929em;font-weight: bold;margin: 1em 0 2em;}
.staffTheme .fileterDirectory fieldset {margin: 1em 0;}
.staffTheme .fileterDirectory label {display: inline-block;float: left;min-width: 126px;padding-right: 0.5em;}
.staffTheme .filterLetter {display: inline;margin: 0 1em;padding: 0;}
.staffTheme .filterLetter li {border-left: 1px solid #666666;display: inline-block;float: left;line-height: 1em;margin: 2px 0;padding: 0;}
.staffTheme .filterLetter li:first-child {border-left: 0 none;}
.staffTheme .filterLetter a, .filterLetter span {display: inline-block;line-height: 1em;min-width: 21px;padding: 2px 0;text-align: center;}
.staffTheme .thumbFilter {display: table;margin-bottom: 1em;overflow: hidden;width: 100%;}
.staffTheme .thumbFilter .btn {border-radius: 0 0 0 0;display: table-cell;height: 40px;padding: 0 5px;text-align: center;vertical-align: middle;}
.staffTheme .thumbFilter .btn.active {background: -moz-linear-gradient(#8F8F8F 0%, #666666 100%) repeat scroll 0 0 transparent;}
.staffTheme .no-cssgradients .thumbFilter .btn.active {background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmOGY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=") repeat scroll 0 0 transparent;}
.staffTheme .lt-ie9 .thumbFilter .btn.active {}
.staffTheme .thumbFilter .btn:first-child {border-bottom-left-radius: 3px;border-top-left-radius: 3px;padding: 0 10px 0 20px;}
.staffTheme .thumbFilter .btn:last-child, .thumbFilter .btn.last-child {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.staffTheme .thumbPager {margin: 2em 0;text-align: center;}
.staffTheme .thumbPager ul {display: block;margin: 0;padding: 0;}
.staffTheme .thumbPager li {display: inline-block;margin: 0;padding: 0;}
.staffTheme .thumbPager a {display: inline-block;font-weight: bold;line-height: 1em;padding: 2px 8px;position: relative;}
.staffTheme .thumbPager span {display: inline-block;line-height: 1em;padding: 2px 8px;position: relative;}
.staffTheme .pagerBack {border-right: 1px solid #CCCCCC;margin-right: 2px;}
.staffTheme .pagerNext {border-left: 1px solid #CCCCCC;margin-left: 2px;}
.staffTheme .pagerNext:hover, .pagerNext:focus, .pagerBack:hover, .pagerBack:focus {color: #666666;text-decoration: none;}
.staffTheme .pagerBack:before, .pagerNext:after {display: inline-block;font-size: 2em;font-weight: normal;line-height: 11px;padding: 0 2px;position: absolute;text-decoration: none;}
.staffTheme .pagerBack:before {content: "a";left: -10px;}
.staffTheme .pagerNext:after {content: "b";right: -10px;}
.staffTheme .itemList {display: block;font-size: 1em;margin: 0 0 20px;padding: 0;text-align: center;}
.staffTheme .itemList li {display: inline-block;margin: 0;padding: 0;vertical-align: top;}
.staffTheme .item {color: #666666;display: inline-block;padding-bottom: 10px;position: relative;text-align: center;vertical-align: top;}
.staffTheme .item:hover, .item:focus {color: #666666;text-decoration: none;}
.staffTheme .item > h3, .item > .position {margin: 0;text-align: left;}

.staffTheme .directoryList li {display:block;text-align:left;}
.staffTheme .directoryList .item {width: auto;display:block;border-top:1px solid #000;padding:10px;}
.staffTheme .directoryList .item img {display:none;}
.staffTheme .directoryList .item .position{font-size: .8em;}
.staffTheme .directoryList h3 {}
.staffTheme .directoryList li a{}
.staffTheme .directoryList .arrow {position:absolute;right:5px;top:0px;font-size:4em;pading:0px;margin:0px;line-height:.8em;color:#b6b6b6;}
.staffTheme .directoryGrid .item {width: 220px;}
.staffTheme .directoryGrid .description h3 {padding-top: 80px;}
.staffTheme .directoryGrid .arrow {display:none;}

.staffTheme .image {display: inline-block;overflow: hidden;position: relative;}
.staffTheme .image img {display: block;margin: 0 auto;position: relative;z-index: 5;}
/* .staffTheme .item:hover .description, .item:focus .description {top: 0;} */
/* .staffTheme .description {-moz-transition: all 0.3s ease 0s;background: none repeat scroll 0 0 rgba(25, 170, 219, 0.65);display: block;height: 100%;left: 0;position: absolute;text-align: center;top: 100%;width: 100%;z-index: 10;} */
/* .staffTheme .no-hsla .description {background: none repeat scroll 0 0 #1AACDC;} */
/* .staffTheme .description h3 {color: #FFFFFF;font-size: 20px;margin-bottom: 0;} */
/* .staffTheme .description .position {color: #064155;font-weight: bold;} */

.staffTheme .featuredStaff {margin: 1em auto;width: 295px;}
.staffTheme .featuredStaff .item {min-height: 286px;padding: 6px;}
.staffTheme .thumbScroll {border: 1px solid #CCCCCC;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.25);display: inline-block;}
.staffTheme .thumbScroll .thumb-list {margin: 0;}
.staffTheme .thumbScroll li {display: none;}
.staffTheme .thumbScroll li:first-child {display: inline-block;}
.staffTheme .no-js .featuredStaff .prev, .no-js .featuredStaff .next {display: none;}
.staffTheme .featuredStaff .prev, .featuredStaff .next {-moz-transition: all 0.3s ease-out 0s;background: url("/cms/images/layout/arrow-pink.png") no-repeat scroll 0 50% transparent;display: inline-block;height: 55px;opacity: 1;overflow: hidden;text-indent: -9999em;vertical-align: bottom;width: 24px;}
.staffTheme .featuredStaff > a:hover, .featuredStaff > a:focus {opacity: 0.7;}
.staffTheme .featuredStaff .next {background-position: -24px 50%;}
.searchBox {
    background: none repeat scroll 0 0 padding-box #999999;
    border-radius: 10px 10px 10px 10px;
    border-top: 1px solid #474747;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset;
    display: inline-block;
    height: 19px;
    position: relative;
    width: 100%;
}
.searchBox input[type="text"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFFFFF;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 1px 0 0 10px;
    width: 85%;
}
.searchBox .btnSearch {
    -moz-box-sizing: border-box;
    background: url("/cms/images/layout/icon_search_white.png") no-repeat scroll 50% 50% transparent;
    border: 0 none;
    float: right;
    height: 19px;
    position: relative;
    width: 15%;
}

.searchBox {
    float: right;
    width: 160px;
}
.searchBox input.search, .searchBox input[type="search"], .searchBox input[type="text"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFFFFF;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 1px 0 0 10px;
    width: 85%;
}
.lt-ie8 .searchBox input[type="text"] {
    width: 75%;
}
.searchBox input.search:focus, .searchBox input[type="search"]:focus {
    box-shadow: 0 0 0 2px #009933 inset;
    outline: medium none;
}
.searchBox *:-moz-placeholder {
    color: rgba(255, 255, 255, 0.75);
}
.searchBox .btnSearch {
    -moz-box-sizing: border-box;
    background: url("/cms/images/layout/icon_search_white.png") no-repeat scroll 50% 50% transparent;
    border: 0 none;
    float: right;
    height: 19px;
    position: relative;
    width: 15%;
}
.searchBox .btnSearch:hover, .searchBox .btnSearch:focus {
    opacity: 0.75;
}
.visuallyHidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.staffTheme .filterView {float:right;}
.staffTheme .filterView label {min-width:0px;}
.staffTheme .filterView .filterText {font-size:.875em;}
.staffTheme  #viewGrid, .staffTheme  #viewList {font-size:1.2em;text-decoration:none;float:left;text-align:center;}
.staffTheme  #viewList {margin-left:5px;border-left:1px solid #000;padding:0px 5px;}

@font-face {
	font-family: 'icomoon';
	src:url('/cms/fonts/icomoon.eot');
	src:url('/cms/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/cms/fonts/icomoon.woff') format('woff'),
		url('/cms/fonts/icomoon.ttf') format('truetype'),
		url('/cms/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-play, .icon-play-2, .icon-stop, .icon-paragraph-justify {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-play:before {
	content: "\3c";
}
.icon-play-2:before {
	content: "\3e";
}
.icon-stop:before {
	content: "\25a0";
}
.icon-paragraph-justify:before {
	content: "\3d";
}

.staffTheme .profile {text-align:left;}
.staffTheme .profile .image {float:left;width:250px;}
.staffTheme .profile .details {float:left;margin-left:10px;}
.staffTheme .profile .details h1{margin:0px 0px 0px;font-weight:normal;}
.staffTheme .profile .details .title{font-weight:bold;margin-bottom:10px;}
.staffTheme .profile .field {margin-bottom:5px;}
.staffTheme .profile .field label {font-weight:bold;}
.staffTheme .profile .field span {padding-left:10px;}
.staffTheme .profile .description {margin-top:20px;}
    
@media all and (max-width: 400px){
	.searchBox {width:100%;height:30px;margin-top:10px;}
	.searchBox .btnSearch {height: 30px;}
	.searchBox input.search, .searchBox input[type="search"], .searchBox input[type="text"] {line-height:30px;height:30px;}
	.filterText {display:none;}
	.fileterDirectory .lastName label.lastName {display:none;}
	.fileterDirectory .lastName .filterLetter{display:none;}
	.fileterDirectory .department {display:none;}
	.staffTheme .filterView {float:none;text-align:center;margin:0px auto;width:48px;}	
    .staffTheme .profile .image {float:none;margin-bottom:10px;}
    .staffTheme .profile .details {float:none;margin-left:0px;}
}



/* Legacy CSS */
.directoryDataTbl {width:100%;}
.directoryDataTbl th {background:#3e628d;color:#fff;font-weight:bold;padding:5px;}
.directoryDataTbl th a{color:#fff;}
.directoryDataTbl tr td {padding: 5px 5px 8px 5px;}
.directoryDataTbl tr.row  {background:none;}
.directoryDataTbl tr.row td {background:none;}

.directoryFilter {margin-bottom:10px;}
.directoryFilterLetters {float:left;}
.directoryDepartmentFilter {float:right;}
.directoryLastNameFilter {margin-bottom:8px;}
.directoryFilterShowAll {float:left;}
.directoryFilterLetters {float:left;}

table.datatbl {width:100%; margin:15px 0;}
table.datatbl th { background:transparent url(/cms/images/nav-bg.gif) repeat-x top; text-align:left; padding:8px 15px; font:bold 14px Arial; color:#fff; text-transform: uppercase;}
table.datatbl td {border-bottom:1px solid #8ad1ef; vertical-align:top; padding:6px 15px;}
table.datatbl th a, table.datatbl th a:link, table.datatbl th a:visited {color:#fff;}
table.datatbl table td {border-bottom:none;}