* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
p { -webkit-margin-before: 0; -webkit-margin-after: 0; }
a { cursor: pointer; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, p { font-weight: normal; -webkit-margin-before: 0; -webkit-margin-after: 0; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input, textarea { outline: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { outline: none; }
.smallSpace {height: 15px;}
.medSpace {height: 30px;}
.largeSpace {height: 60px;}
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.center { position: relative; width: 980px; margin: 0 auto; }
.centerContent { text-align: center; }
.nowrap { white-space: nowrap; }
.floatLeft { float: left; }
.floatRight { float: right; }
html { width: 100%; height: 100%; font-family: Montserrat, Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; height: 100%; }
.accountDCI { position: relative; display: inline-block; vertical-align: top; padding: 15px; opacity: .5; }
.accountDCI img { position: relative; display: block; max-width: 180px; }   
/* Admin Account Rules */
.adminAccountWrap {
  position: relative;
  display: block;
  min-width: 980px;
  width: 100%;
  min-height: 100%;
	height: auto !important;
	height: 100%;
  height: auto;
  color: #ddd;
  background: #4c4c4c;
  background: -webkit-radial-gradient(center top, ellipse cover,  #4c4c4c 20%,#111111 100%);
  background: -moz-radial-gradient(center top, ellipse cover,  #4c4c4c 20%, #111111 100%);
  background: radial-gradient(ellipse at center top,  #4c4c4c 20%,#111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#111111',GradientType=1 );
  box-sizing: border-box;
}
.adminAccountContent {
  position: relative;
  display: block;
  max-width: 980px;
  width: auto;
  margin: 0 auto;
  padding: 70px 0 0 0;
  text-align: center;
}
.adminAccountWrap p, .adminAccountWrap a {color: #ddd; text-decoration: none;}

.adminAccountPageTitle {
  position: relative;
  display: block;
  margin: -30px 0 15px 0;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 15px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.accountDCI .adminAccountPageTitle { margin: 0; }
.adminAccountInput {
  position: relative;
  display: block;
  width: 360px;
  height: 50px;
  margin: 0 auto 14px auto;
  background: none;
  border: none;
  box-sizing: border-box;
}
.adminAccountInput input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 16px 15px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  background: #232323;
  background: rgba(0,0,0,0.4);
  border: 1px solid #616161;
  box-sizing: border-box;
  transition: all .25s ease;
}
.adminAccountInputIcon input {padding-left: 54px;}
.adminAccountInput input:hover {border-color: #b1b1b1;}
.adminAccountInput input:focus {
  color: #000;
  background: #fff;
  border-color: #b1b1b1;
}
.adminAccountInput input::-webkit-input-placeholder {color: #808080;}
.adminAccountInput input::-moz-placeholder {color: #808080;}
.adminAccountInput input:-ms-input-placeholder {color: #808080;}
.adminAccountInput input:-moz-placeholder {color: #808080;}
.adminAccountInputIcon::after, .adminAccountInputIcon:after {
  content: '\f007';
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 13px;
  left: 15px;
  font-family: FontAwesome;
  font-size: 17px;
  line-height: 24px;
  color: #808080;
  text-align: center;
  z-index: 1;
}
.aaiUser::after, .aaiUser:after {content: '\f007';}
.aaiPwd::after, .aaiPwd:after {content: '\f023';}
.aaiEmail::after, .aaiEmail:after {content: '\f0e0';}
.adminAccountSubmit {
  position: relative;
  display: block;
  width: 360px;
  height: 50px;
  margin: 0 auto 14px auto;
  font-size: 14px;
  letter-spacing: .1em;
  color: #ccc;
  text-transform: uppercase;
  background: #777;
  border: 1px solid #3f3f3f;
  box-sizing: border-box;
  transition: all .25s ease;
}
a.adminAccountSubmit {
    display:inline-block;
    line-height:50px;
}
.adminAccountSubmit:focus, .adminAccountSubmit:hover {
  color: #000;
  background: #fff;
  outline: none;
}
.forgotPassword {
  position: relative;
  display: block;
  width: 360px;
  height: 50px;
  margin: 20px auto 0 auto;
  padding: 13px 0;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 24px;
  color: #777777;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.forgotPassword:hover {color: #fff;}
/* Admin Page Rules */
.fullAdminWrap {
  position: relative;
  display: block;
  min-width: 1170px;
  width: 100%;
  min-height: 100%;
	height: auto !important;
	height: 100%;
  height: auto;
  padding: 0 0 0 200px;
  background: #eee;
  box-sizing: border-box;
}
.adminTopBar {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #b6b6b6;
  z-index: 100;
}
.adminTopBar h1 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 18px;
  color: #212121;
  text-transform: uppercase;
}
.adminTopBarButtons {
  position: relative;
  display: block;
  float: right;
  font-size: 0;
}
.adminTopBar .backLink {
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:10px 0px;
    font-size:11px;
    line-height:18px;
    color:#7d7d7d;
    text-transform: uppercase;
    text-decoration:none;
    margin-left:10px;
}
.adminTopBar .backLink:hover {
    color:#212121;
}
.adminTopBar .backLink::before, .adminTopBar .backLink:before {
    content: "<";
    position:relative;
    top:1px;
    margin:0px 3px;
}
.topBarLink {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px;
  font-size: 11px;
  line-height: 18px;
  color: #212121;
  text-decoration: none;
  text-transform: uppercase;
  background: #eee;
  border: none;
  border-left: 1px solid #b6b6b6;
  cursor: pointer;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
.topBarLink .fa {margin: 0 8px 0 0; font-size: 12px;}
.topBarLink:hover, .rollbackWrap:hover .topBarLink {color: #fff; background: #3c3c3c;}
.topBarSave:hover {background: #23a700;}
.topBarCancel:hover {background: #cc0000;}
.rollbackWrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.rollbackDropdown {
  position: absolute;
  display: none;
  top: 100%;
  right: -1px;
  background: #3c3c3c;
  border: 1px solid #b6b6b6;
  border-top: none;
}
.rollbackWrap:hover .rollbackDropdown {display: block;}
.rollbackDropdown a {
  position: relative;
  display: block;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  background: #3c3c3c;
  border-top: 1px solid #535353;
  white-space: nowrap;
}
.rollbackDropdown a:first-child {border: none;}
.rollbackDropdown a:hover {background: #000;}
.adminContentWrap {
  position: relative;
  display: block;
  min-width: 980px;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.adminContentTable {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.adminLeftColumn {
  position: relative;
  display: table-cell;
  vertical-align: top;
  padding: 0 30px 0 0;
  font-size: 0;
}
.adminLeftColumnMaxW {
    max-width:700px;
}
.adminRightColumn {
  position: relative;
  display: table-cell;
  vertical-align: top;
  min-width: 330px;
  width: 330px;
}
.adminRightColumnInner {
  position: relative;
  display: block;
  background: #e1e1e1;
  border: 1px solid #b6b6b6;
}
.adminRightColumnInnerNoHead {border-top: 0;}
.adminRightColumnTitle {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  text-transform: uppercase;
}
.adminRightColumnSectionTitle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 8px 0;
  padding: 8px 15px;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  color: #212121;
  text-transform: uppercase;
  background: #d4d4d4;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  box-sizing: border-box;
}
.adminRightColumnSectionTitle::before, .adminRightColumnSectionTitle:before {
  content: '';
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  left: 18px;
  bottom: -6px;
  background: #d4d4d4;
  border-right: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
}
.adminRighColumnSectionTrigger::before, .adminRighColumnSectionTrigger:before {width: 0; height: 0; left: 24px; bottom: -1px; transition: all .25s ease;}
.adminRighColumnSectionTrigger.expanded::before, .adminRighColumnSectionTrigger.expanded:before {width: 11px; height: 11px; left: 18px; bottom: -6px;}
.adminRighColumnSectionTrigger {cursor: pointer;}
.adminRighColumnSectionTrigger::after, .adminRighColumnSectionTrigger:after {
  content: '\f0d7';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 10px;
  margin: -10px 0 0 0;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 20px;
  color: #777;
  text-align: center;
  transition: all .25s ease;
}
.adminRighColumnSectionTrigger.expanded::after, .adminRighColumnSectionTrigger.expanded:after {transform: rotate(180deg);}
.adminRighColumnSectionTrigger:hover::after, .adminRighColumnSectionTrigger:hover:after {color: #000;}
.no-js .adminRighColumnSectionTrigger::after, .no-js .adminRighColumnSectionTrigger:after {display: none;}
.adminLeftColumnSection {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0 20px 0;
    box-sizing: border-box;
}
.adminRightColumnSection {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 15px 20px 15px;
  box-sizing: border-box;
}
.adminRotatorWrap .adminRightColumnSection {padding: 0 0 30px 0;}
.defaultLabel {
  position: relative;
  display: block;
  padding: 3px 0;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.defaultLabelCheckbox, .defaultLabelRadio {padding-left: 18px;}
.defaultLabelInline {display: inline-block; vertical-align:middle; padding: 3px 30px 15px 18px;}
.defaultCheckbox, .defaultRadio {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin: 2px 8px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.defaultLabelCheckbox .defaultCheckbox, .defaultLabelRadio .defaultRadio {
  position: absolute;
  top: 3px;
  left: 0;
}
.defaultCheckbox::before, .defaultCheckbox:before, .defaultRadio::before, .defaultRadio:before {
  content: '\f096';
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-family: 'FontAwesome';
}
.defaultCheckbox:checked::before, .defaultCheckbox:checked:before {content: '\f14a';}
.defaultRadio::before, .defaultRadio:before {content: '\f1db';}
.defaultRadio:checked::before, .defaultRadio:checked:before {content: '\f111';}
.defaultSelect {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin: 0 0 20px 0;
  padding: 12px 47px 12px 12px;
  font-size: 13px;
  line-height: 20px;
  background: #fff url(/images/admin/selectArrow.png) repeat-y right center;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.adminRightColumn .defaultSelect {height: 34px; padding: 7px 15px; font-size: 11px; line-height: 18px;}
.dropdownWrap {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid #c7c7c7;
  box-sizing: border-box;
}
.dropdownWrap:first-child {border: none;}
.dropdownTrigger {padding-left: 22px;}
.dropdownTrigger::before, .dropdownTrigger:before {
  content: '\f147';
  position: absolute;
  display: block;
  font-family: 'FontAwesome';
  top: 3px;
  left: 0;
  font-size: 12px;
  color: #000;
}
.collapsed .dropdownTrigger::before, .collapsed .dropdownTrigger:before {content: '\f196';}
.selected .dropdownTrigger::before, .selected .dropdownTrigger:before {content: '\f146';}
.selected.collapsed .dropdownTrigger::before, .selected.collapsed .dropdownTrigger:before {content: '\f0fe';}
.dropdownListWrap {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 0 22px;
  overflow: hidden;
  box-sizing: border-box;
}
.dropdownList {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.collapsed .dropdownList {margin: -999px 0 0 0;}
.formDesc {
  position: relative;
  display: block;
  font-size: 11px;
  line-height: 23px;
  color: #212121;
  text-transform: uppercase;
}
.adminHint {
  position: relative;
  display: inline-block;
  float: right;
  font-size: 11px;
  color: #8a8a8a;
  text-decoration: none;
  text-transform: none;
}
.adminHint.noFloat {float: none; margin-left: 10px; }
/*.adminLeftColumn .adminHint {float: none;} please add a class to remove the float if this is needed*/ 
.adminHintLeft {display: inline-block; float: none; padding-left: 20px;}
.adminHintBlock {display: block; float: none; padding: 10px 0 0 0;}
.adminHint a {color: #8a8a8a; text-decoration: none; transition: all .25s ease;}
.adminHint a:hover {color: #000;}
.largeFormField, .defaultInput {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  margin: 0 0 20px 0;
  padding: 10px 12px;
  font-size: 20px;
  line-height: 28px;
  color: #212121;
  background: #fff;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
}
.defaultInput {padding: 14px 12px; font-size: 13px; line-height: 20px;}
.adminRightColumn .defaultInput {height: 34px; margin: 10px 0 0 0; padding: 7px 15px; font-size: 11px; line-height: 18px;}
.adminRightColumn .formDesc + .defaultInput {margin: 0 0 20px 0;}
.defaultTable .largeFormField {margin: 0;}
.dollarHint {
  position: absolute;
  display: block;
  width: 21px;
  height: 48px;
  padding: 16px 0 0 13px;
  font-size: 13px;
  color: #000;
  text-align: left;
  box-sizing: border-box;
  z-index: 1;
}
.dollarHint + .defaultInput {padding-left: 21px;}
.inlineFormField {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
.inlineFormField25 {width: 25%;}
.inlineFormField33 {width: 33.33%;}
.inlineFormField50 {width: 50%;}
.inlineFormField66 {width: 66.67%;}
.inlineFormField.last {padding-right: 0;}
.findLocation {
    position: relative;
    display: block;
    margin: -15px 0 10px 0;
}
.tabWrap {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 -1px 0;
  font-size: 0;
  z-index: 1;
}
.tab {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 -1px 0 0;
  padding: 7px 15px;
  font-size: 11px;
  line-height: 16px;
  color: #828282;
  background: #ddd;
  text-transform: uppercase;
  border: 1px solid #b6b6b6;
}
.tab.active {
  color: #212121;
  background: #fff;
  border-bottom-color: #fff;
}
.tabContent {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  background: #fff;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
}
.defaultTextarea {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 15px;
  font-size: 13px;
  line-height: 21px;
  color: #212121;
  background: #fff;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
}
.tabContent .defaultTextarea, .tabContent .defaultInput {margin: 0; border: none;}
.wordCountWrap {
  position: relative;
  display: block;
  width: 100%;
  margin: -21px 0 20px 0;
  padding: 0 15px 10px 15px;
  font-size: 10px;
  line-height: 15px;
  color: #afafaf;
  background: #fff;
  box-sizing: border-box;
  transition: all .25s ease;
}
.tabContent .wordCountWrap {margin: -1px 0 0 0;}
.wordCountLimit {color: #cc0000;}
.wordCount {display: block; border-top: 1px solid #b6b6b6; padding: 5px 0 0 0;}
.searchPreview {
  position: relative;
  display: block;
  width: 542px;
  padding: 15px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}
.searchTitle {
  font-size: 18px;
  line-height: 21px;
  color: #1a0dab;
}
.searchURL {
  font-size: 14px;
  line-height: 16px;
  color: #006621;
}
.searchDesc {
  font-size: 13px;
  line-height: 18px;
  color: #545454;
}
.bottomButtonWrap {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 0 0 0;
  font-size: 0;
  box-sizing: border-box;
}
.save, .cancel, .button {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: auto;
  vertical-align: top;
  margin: 0 0 0 15px;
  padding: 10px 20px;
  font-size: 13px;
  line-height: 17px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #212121;
  box-sizing: border-box;
  transition: all .25s ease;
}
.save {color: #fff; background: #212121;}
#photoUpload {display: block; max-width: 150px; margin: 0;}
.cancel, .button {color: #212121;}
.save:first-child, .cancel:first-child {margin-left: 0;}
.save:hover {background: #23a700; border-color: #23a700;}
.button:hover { color:#fff;background: #23a700; border-color: #23a700; }
.cancel:hover {color: #fff; background: #cc0000; border-color: #cc0000;}
.breadcrumbs {
  position: relative;
  display: block;
  font-size: 10px;
  line-height: 23px;
  color: #7d7d7d;
  text-transform: uppercase;
}
.breadcrumbs a {color: #7d7d7d; text-decoration: underline;}
.sectionTitle {
  position: relative;
  display: block;
  margin: 0 0 14px 0;
  font-size: 42px;
  line-height: 46px;
  color: #212121;
  text-indent: -4px;
}
.sectionTitle a {margin: 2px 0 0 10px !important;}
.sectionSmallTitle {font-size: 20px;}
.sectionSubTitle {
  position: relative;
  display: block;
  margin: 0 0 0 0;
  font-size: 20px;
  line-height: 24px;
  color: #212121;
  text-indent: -2px;
}
.inlineButtons {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 35px;
  font-size: 0;
  text-indent: 0;
}
.addNew {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 145px;
  width: auto;
  margin: 0 17px 0 0;
  padding: 10px 15px;
  font-size: 13px;
  line-height: 17px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: #212121;
  border: 1px solid #212121;
  box-sizing: border-box;
  transition: all .25s ease;
}
.addNewAlt {
  color: #212121;
  background: none;
}
.inlineButtons .addNew {margin-top: 4px;}
.addNew:hover {background: #23a700; border-color: #23a700;}
.addNewAlt:hover {color: #fff;}
.status {font-size: 14px;}
.sortable ul {
  margin: 0;
  padding: 0;
}
.navEditorHandle {
  position: relative;
  display: list-item;
  width: 660px;
  list-style-type: none;
  box-sizing: border-box;
}
.sortable ul ul {padding: 0 0 0 23px;}
.navEditorItem {
  position: relative;
  display: block;
  width: 660px;
  margin: 0 0 7px 0;
  padding: 5px 119px 5px 40px;
  font-size: 14px;
  line-height: 20px;
  background: none;
  border: 1px solid #bebebe;
  box-sizing: border-box;
  cursor: move;
}
.navEditorItem:hover {background: #fff;}
.navEditorItem:hover + .navEditorLevel .navEditorItem {background: #fff;}
.navEditorItem.hasStatus {padding-left: 40px;}
.navEditorItem .navEditorItemStatus {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin: -10px 0 0 0;
  line-height: 20px;
}

.navEditorItemOptionWrap {
  position: absolute;
  display: none;
  height: 100%;
  top: 0;
  right: 0;
  font-size: 0;
}
.navEditorItem:hover .navEditorItemOptionWrap {display: block;}
.navEditorItemShowHide, .navEditorItemEdit, .navEditorItemDelete {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 100%;
  font-size: 14px;
  line-height: 28px;
  color: #a8a8a8;
  text-align: center;
  border-left: 1px solid #bebebe;
  box-sizing: border-box;
  transition: all .25s ease;
}
.navEditorItemShowHide:hover {color: #212121;}
.navEditorItemEdit:hover {color: #212121;}
.navEditorItemDelete:hover {color: #fff; background: #cc0000;}
.navEditorItem img {display:inline-block; max-width:50px; max-height:50px; width:auto; height:auto;}
.navEditorItem span.promoHeadline {display:inline-block; vertical-align:middle; line-height:50px; position:absolute; line-height:50px; margin-left:15px;}
.galleryWrap {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 0;
}
.galleryItem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 166px;
  margin: 0 23px 35px 0;
  font-size: 13px;
  line-height: 18px;
  color: #212121;
  cursor: move;
}
.galleryImage {
  position: relative;
  display: block;
  width: 166px;
  height: 166px;
  margin: 0 0 7px 0;
  background: #fff;
  overflow: hidden;
}
.galleryImage img {
  position: absolute;
  display: block;
  min-width: 100%;
  width: auto;
  min-height: 100%;
  height: 100%;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
  z-index: 1;
}
.galleryImagePortrait img {width: 100%; height: auto;}
.galleryImage::before, .galleryImage:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0,0,0,.6);
  transition: all .25s ease;
  opacity: 0;
  z-index: 2;
}
.galleryItem:hover .galleryImage::before, .galleryItem:hover .galleryImage:before {opacity: 1;}
.galleryEdit, .galleryDelete {
  position: absolute;
  display: block;
  width: 50%;
  bottom: 0;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #7b7b7b;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #000;
  border-top: 1px solid #757575;
  transition: all .25s ease;
  box-sizing: border-box;
  opacity: 0;
  z-index: 3;
}
.galleryItem:hover .galleryEdit, .galleryItem:hover .galleryDelete {opacity: 1;}
.galleryEdit {left: 0; border-right: 1px solid #757575;}
.galleryDelete {right: 0;}
.galleryEdit:hover {color: #fff;}
.galleryDelete:hover {color: #fff; background: #c00;}
.galleryEditFull, .galleryDeleteFull {width: 100%; border-left: none; border-right: none;}
.adminLeftImageWrap, .adminRightImageWrap {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
}
.adminLeftImage, .adminRightImage {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin: 5% 5% 0 0;
  font-size: 12px;
  overflow: hidden;
  background: #d4d4d4;
  box-sizing: border-box;
  cursor: move;
}
.adminRightImage:first-child {border: 1px solid #b6b6b6;}
.adminRightImage:nth-child(3n+3) {margin-right: 0;}
.adminRotatorWrap .adminRightImage {margin: 0 20px 20px 0; cursor: default;}
.adminRightImage::before, .adminRightImage:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.adminLeftImage {
    margin: 0 2% 0 0;
}
.adminLeftImage:first-child, .adminRightImage:first-child {border: 1px solid #b6b6b6;}
.adminLeftImage:nth-child(3n+3), .adminRightImage:nth-child(3n+3) {margin-right: 0;}
.adminLeftImage::before, .adminLeftImage:before, .adminRightImage::before, .adminRightImage:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.adminLeftImage img, .adminRightImage img {
  position: absolute;
  display: block;
  min-width: 100%;
  width: auto;
  min-height: 100%;
  height: 100%;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  margin: auto;
}
.special img {
    min-width:initial;
    min-height:initial;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
}
.adminLeftClose, .adminRightClose {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 5px 7px;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 15px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #c00;
  opacity: 0;
  transition: all .25s ease;
}
.adminLeftImage:hover .adminLeftClose, .adminRightImage:hover .adminRightClose {opacity: 1;}

.adminRightEdit {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 5px 7px;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #060;
    opacity: 0;
    transition: all .25s ease;
    z-index: 5;
    cursor: pointer !important;
}
.adminLeftImage:hover .adminRightEdit {opacity:1}
.defaultTable {
  position: static;
  display: table;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  border-collapse: collapse;
}
.defaultTable th, .defaultTable td {
  position: static;
  display: table-cell;
  vertical-align: top;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 20px;
  background: #eee;
  border-bottom: 1px solid #212121;
  box-sizing: border-box;
}
.defaultTable tr:nth-child(odd) td {background: #e3e3e3;}
.defaultTable th {
  padding-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  text-transform: uppercase;
  border-bottom-width: 2px;
}
.defaultTable td.tableOptions {vertical-align: middle; text-align: right; white-space: nowrap;}
.defaultTable.ui-sortable td {cursor: move;}
.tableOptions a {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  color: #212121;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease;
}
.tableOptions a:last-child {margin-right: 0;}
.tableOptions a.edit:hover {color: #23a700;}
.tableOptions a.delete:hover {color: #c00;}
.tableOptions .fa {width: 14px; text-align: center; margin-right: 6px;}
td.editableRow {padding: 0; border-bottom: 0;}
.editTable {width: 100%;}
.editTable td {background: none !important;}
.editTable td .addNew {color: #fff;}
.serviceSection {
  position: relative;
  display: block;
  padding: 20px;
  margin: 0 0 20px 0;
  border: 1px solid #b6b6b6;
}
.serviceSection .removeSection { margin: 20px 0 0 0;}

/* Admin Errors and Overlays */
#changesunsaved, #itemcreated, #itemupdated, #undo-bar {
  position: fixed;
  display: block;
  width: 400px;
  top: 0;
  left: 50%;
  margin: 0 0 0 -100px;
  padding: 9px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}
#changesunsaved {color: #a0a0a0; background: #ddd;}
#itemcreated {background: #b3ecff; border-color: #007ca5;}
#itemupdated {background: #23a700; border-color: #23a700; color: #fff;}
#undo-bar {padding-right: 50px; color: #95bfea; background: #0052a3;}
#undo-bar a {color: #95bfea; transition: all .25s ease;}
#undo-bar a:hover {color: #fff;}
.closebutton {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 9px 14px;
  font-size: 17px;
  line-height: 20px;
  border-left: 1px solid #fff;
  box-sizing: border-box;
}
#undo-bar .closebutton {border-color: #95bfea;}
@media screen and (max-width: 1170px) {
  #changesunsaved, #itemcreated, #itemupdated, #undo-bar {position: absolute;}
}
.adminOverlayWrap, .customOverlayWrap {
  position: fixed;
  display: none;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 0 0 200px;
  z-index: 9999;
  text-align: center;
  background: #fff;
  background: rgba(255,255,255,.8);
  box-sizing: border-box;
}
.adminOverlayWrap::before, .adminOverlayWrap:before,
.customOverlayWrap::before, .customOverlayWrap:before {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.adminOverlay, .customOverlay {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 350px;
  padding: 35px 30px;
  background: #fff;
  box-shadow: 0 0 4px #b3b3b3;
  box-shadow: 0 0 4px rgba(0,0,0,.7);
}
.customOverlay {word-wrap:break-word;  text-align:left;}

#articleSlideOverlay .customOverlay {
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    bottom:0;
    min-width: 350px;
    width: 70%;
    max-height: 452px; 
    height: 50%;
    margin: auto;
    overflow-y: auto;

}
.customOverlay .overlayContent {margin:10px 0 20px 0;}
.adminOverlayTitle, .customOverlayTitle {
  position: relative;
  display: block;
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 24px;
  color: #212121;
  text-align: center;
  text-transform: uppercase;
}
.customOverlayTitle {text-align: left;}

.adminOverlay .addNew, .adminOverlay .addNewAlt {
  margin: 0 7px;
  text-align: center;
}
.adminOverlayClose,  .customOverlayClose {
  position: absolute;
  display: block;
  width: 52px;
  height: 52px;
  top: 0;
  right: 0;
  background: url(/images/admin/close.png) no-repeat center center;
  opacity: .5;
  transition: all .25s ease;
}
.customOverlayClose {width: 32px; height: 32px; top: 10px; right: 10px; }
.adminOverlayClose:hover,  .customOverlayClose:hover {opacity: 1; transform: rotate(180deg);}

.overlayLink {font-size:12px; display:inline-block; padding-right:10px;vertical-align:middle; text-decoration:none; color:#212121; }
.removeVideo {font-style:italic; color:#cc0000; float:right; width:90px; padding-right:0px;}
.removeVideo span {margin-right:5px;}
.overlayError { font-size:12px; padding:10px 0px; color:#cc0000;}

.input-validation-error {
  border-color: #c00;
}
.validation-summary-errors {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.adminAccountContent .validation-summary-errors {width: 360px;}
.validation-summary-errors ul {
  margin: 0 0 14px 0;
  padding: 15px;
  background: #fee;
  border: 1px solid #c00;
}
.validation-summary-errors li {
  color: #c00;
  list-style-type: none;
}
.photo-gallery-sortable-placeholder {
    width: 100px;
    height: 100px;
    margin: 10px 10px 10px 0;
    border: 3px #000 dotted;
    display: inline-block;
    vertical-align: top;
}

.hidden {display: none;}
.placeholder { border: 1px dotted #ccc; display: block; }
th.sortableColumn {
  padding: 5px 40px!important;
  background: #eee url(/images/admin/sortable.png) no-repeat right 6px;
  cursor: pointer;
}
th.sortableColumn.sortedDown {background-position: right -46px;}
th.sortableColumn.sortedUp {background-position: right -26px;}


/* custom */
.modalWrap {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0,0,0,0.8);
  z-index: 50;
}
.modalPopup {
  position: absolute;
  display: block;
  min-width: 980px;
  width: 70%;
  max-height: 88%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 40px 50px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.locationPopup {
  min-width: 680px;
  width: 40%;
  max-height: 75%;
  top: 15%;
  bottom: auto;
}
.closePopup {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 13px 18px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #a4a4a4;
  cursor: pointer;
}
.closePopup:hover {color: #000;}
/* CKEDITOR */
.cke_combopanel {width: 250px !important; height: 200px !important;}

.metaArea {
    background: #fff;
    border: 1px solid #b6b6b6;
    padding: 10px;
}

.metaEditArea {
}
#metaEdit {margin-left:10px;}
#metaEdit .fa { margin-right: 5px; }
.metaDesc {
    display: inline-block;
    font-size: 11px;
    width: 20%;
    text-transform: uppercase;
    color: #212121;
}

.metaInput, .metaContent {
    display: inline-block;
    width: 80%;
}

.metaEditArea textarea {
    display: inline-block;
    width: 80%;
}

.metaArea .wordCountWrap {
    width: 80%;
    margin-left: 20%;
    padding: 0px;
}

.tooltipWrap {position: relative; display: inline-block; vertical-align: top; font-size: 9px; line-height: 17px; z-index: 7777;color: #b8b8b8;}
.tooltipWrap:hover {color: #000000;}

.tooltipFlag {
  position: absolute;
  display: none;
  min-width: 110px;
  max-width: 300px;
  width: auto;
  padding: 12px;
  top: -4px;
  left: auto;
  margin-left:10px;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  background: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 8888;
  border:1px solid #000;
}
.tooltipFlag::before, .tooltipFlag:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 8px;
    left: -10px;
    border-top: 5px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 5px solid transparent;
}
.tooltipFlag::after, .tooltipFlag:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 8px;
    left: -8px;
    border-top: 5px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 5px solid transparent;
}
.tooltipWrap:hover + .tooltipFlag, .tooltipWrap:focus + .tooltipFlag, .tooltipFlag:hover {display: inline-block;}

/* Page Module Styles */
.sectionSelect { width:auto; display:block; margin:auto;}
.modulesWrap {
    margin-top:30px;
}
.moduleItemWrap {
    padding:0px 10px 10px 30px;
    border:2px dashed #c6c6c6;
    margin-bottom:15px;
}
.moduleItemOptions {
    position:relative;
    font-size:12px;
    text-align:right;
}
.moduleItemBtn {
    display:inline-block;
    color:#c6c6c6;
    text-decoration:none;
    font-size:20px;
    margin:0 2px;
}
.moveUp {
  width: 0; 
  height: 0;
  position:relative;
  top:7px;
  border: 8px solid transparent;
  border-bottom: 8px solid #888;
}
.moveUp:hover { border-bottom-color:#000; }
.moveDown {
  width: 0; 
  height: 0; 
  position:relative;
  top:14px;
  border: 8px solid transparent;
  border-top: 8px solid #888;
}
.moveDown:hover { border-top-color:#000;}
.deleteMod:hover { color: #cc0000; }
.productWrap {
    margin-top:30px;
    margin-right:75px;
    position:relative;
    z-index:10;
}
.productTable {
  position: static;
  display: table;
  width: auto;
  font-size: 13px;
  line-height: 20px;
  border-collapse: collapse;
  margin-bottom:10px;
}
.productTable th, .productTable td {
  position: static;
  display: table-cell;
  vertical-align: top;
  padding: 9px 16px;
  font-size: 14px;
  line-height: 20px;
  background: #eee;
  border-bottom: 1px solid #212121;
  box-sizing: border-box;
}
.productTable tr:nth-child(odd) td, .productTable tr:nth-child(odd) th {background: #e3e3e3;}
.productTable tbody th {
    background:#888 !important;
}
.productTable thead th, .productTable thead td {
    background:#888 !important;
    border-bottom-width: 2px;
}
.productInput {
    resize:none;
}
.productBtn {
    position:relative;
    font-size:10px;
    color:#c6c6c6;
    text-decoration:none;
}
.productBtn:hover {
    color:#23a700;
}
.removeColumn {
    width: 191px;
    text-align:center;
}
.removeColumn:hover, .removeRow:hover, .warning:hover {
    color:#cc0000;
}
.productBtnText {
    position:absolute;
    line-height:12px;
    margin-left:2px;
    top:1px;
    width:40px;
    color:#000;
}
.addColumn {
    position:absolute;
    top:7px;
    left:405px;
}
.addRow {
    margin-top:5px;
}
.addRow .productBtnText {
    top:-5px;
}
.removeColumn, .removeRow {display:none;}
.removeColumn, .disableHeaderCol {
    position:absolute;
    top:-25px;
    left:0px;
}
.disableHeaderCol {
    text-align:center;
    width:200px;
}
.removeRow, .disableHeaderRow {
    position:absolute;
    top:0px;
    left:-27px;
    line-height:51px;
}
.productItem {
    width:159px;
    font-size:12px;
    font-weight:normal;
    background:#fff;
    border:1px solid rgb(169, 169, 169);
    text-align:left;
    padding:5px;
}
.moduleHeader {
    padding:15px 0px;
    font-size:20px;
    text-decoration:underline;
    text-align:center;
}
.moduleDetails {
    font-size:13px;
    text-align:center;
    padding-bottom:15px;
}

.tooltipFlag {
  position: absolute;
  display: none;
  text-align:center;
  height: 40px;
  width: 127px;
  padding: 12px;
  top:-50px;
  left:50%;
  margin-left:-66px;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  background: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
  border:1px solid #000;
}
.tooltipFlag::before, .tooltipFlag:before {
    content: ' ';
    display: block;
    position: absolute;
    top:38px;
    left: 60px;
    border: 5px solid transparent;
    border-top: 10px solid #000;
}
.tooltipFlag::after, .tooltipFlag:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 37px;
    left: 60px;
    border: 5px solid transparent;
    border-top: 10px solid #f3f3f3;
}
.disableHeaderCol .tooltipFlag {
    height:60px;
    top:-70px;
}
 .disableHeaderRow .tooltipFlag {
     height:60px;
     top:-58px;
 }
.disableHeaderCol .tooltipFlag::before, .disableHeaderCol .tooltipFlag:before, .disableHeaderRow .tooltipFlag::before, .disableHeaderRow .tooltipFlag:before {
    top:58px;
}
.disableHeaderCol .tooltipFlag::after, .disableHeaderCol .tooltipFlag:after, .disableHeaderRow .tooltipFlag::after, .disableHeaderRow .tooltipFlag:after {
    top:57px;
}

.removeColumn:hover .tooltipFlag, .removeRow:hover .tooltipFlag, .disableHeaderRow:hover .tooltipFlag, .disableHeaderCol:hover .tooltipFlag {display:inline-block;}
.warningMessage {display:none;font-size:12px; color:#cc0000;}

.searchPaging {
  position: relative;
  display: block;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 0;
  letter-spacing: 0;
}
.searchPaging a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  color: #171717;
  text-align: center;
  text-decoration: none;
  border: 2px solid transparent;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
}
#pagingList { display:inline-block; }
.searchPaging a:hover, .searchPaging a:focus { border-color: #23a700; }
.searchPaging a.current { color: #fff; background: #23a700 }
.input-tooltip { position: absolute; display: none; width: 190px; top: 50%; left: 100%; margin: 0 0 0 8px; padding: 10px 12px; font-size: 16px; line-height: 1.5em; color: #2d2d2d; background: #dadada; -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-box-shadow: 0 0 15px #333; -moz-box-shadow: 0 0 15px #333; box-shadow: 0 0 15px #333; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.75); -moz-box-shadow: 0 0 15px rgba(0,0,0,.75); box-shadow: 0 0 15px rgba(0,0,0,.75); }
input:focus + .input-tooltip { display: block; }
.input-tooltip::before, .input-tooltip:before { content: ''; position: absolute; display: block; width: 0; height: 0; top: 0; right: 100%; border-top: 22px solid transparent; border-right: 14px solid #dadada; border-bottom: 22px solid transparent; }