/* Notes - do not use @import url() syntax to pull in bootstrap stylesheet - respond.js has problems with that */ 
/* Linen Theme */

/*Colors
3b5998 Dk Blue
8b9dc3 Blue
dfe3ee gray
f7f7f7 lt gray
*/

/*For Google Maps and to eliminate http stuff in printable copies */
@media print {
/*Will ensure google map shows on print*/
.GoogleMapClass img {max-width: none !important;}
/*The following will get rid of hyperlinks displayed as http stuff in printable version*/
a:link:after, a:visited:after {  
  content: normal !important;  
}
}

@font-face {
    font-family: 'Oswald';
    src: local('Oswald');
    src: url('fonts/oswald.eot');
    src: url('fonts/oswald.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald.woff2') format('woff2'),
         url('fonts/oswald.woff') format('woff'),
         url('fonts/oswald.svg#oswald') format('svg');
}

@font-face {
    font-family: 'DroidSans';
    src: local('Droid Sans');
    src: url('fonts/DroidSans.eot');
    src: url('fonts/DroidSans.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans.woff2') format('woff2'),
         url('fonts/DroidSans.woff') format('woff'),
         url('fonts/DroidSans.svg#oswald') format('svg');
}

@media print {
    .HeaderTopBarWrapper, .EditionNavWrapper, #RatingsDiv, #demodc {display:none;}
}

.form-control {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); font-family:DroidSans;}

h1 {font-size:30px; margin-bottom:20px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:16px;}
h5 {font-size:16px;}

/* removes white border under header - bootstrap col classes set min-height from 1px to 0 */
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 0;
    padding-right: 15px;
    padding-left: 15px;
}*/

@media (max-width: 767px) {
    /*Home page background photo*/
    .headerbkd {background: url(images/homebkddi.jpg) no-repeat center top; min-height:450px; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6); padding-left:0; padding-right:0;}
    body {font-size:16px; background:#3b5998; font-family:  DroidSans, sans-serif, Arial, Trebuchet MS;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*Home page background photo*/
    .headerbkd {background: url(images/homebkddi.jpg) no-repeat center center; min-height:450px; background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);}
    body {font-size:16px; background:#3b5998; font-family:  DroidSans, sans-serif, Arial, Trebuchet MS;}
}

@media (min-width: 992px) {
    /*Home page background photo*/
    .headerbkd {background: url(images/homebkddi.jpg) no-repeat center center; min-height:450px; background-size: cover; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);}
    body {font-size:14px; background:#3b5998; font-family:  DroidSans, sans-serif, Arial, Trebuchet MS;}
}



.Wrapper {width:100%; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}
.wrapper-inner {width:100%; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}
.MainBody {width:100%; margin:0 auto;}
.mainbody-inner {max-width:1200px; margin:0 auto; margin-top:10px;}
.PageContent {background:#fff; padding:10px 10px 25px 10px; margin-bottom:10px;}
.mgpanel-default {padding:0; border:none;}
.mgpanel-noborder {border:none;}
.mgcolumn1 {padding-right:10px;}
.mgcolumn2 {padding-left:5px;}
.col-space {padding:5px 0;}
.col-border {border-bottom:1px solid #ddd; padding:10px 5px; margin-bottom:10px;}
.bg-warning {padding:10px 0; border:1px solid #fff5c3; margin-top:15px;}
.alert-info {padding:10px; margin-bottom:10px;}
#TR_image {padding:5px; border-bottom:1px solid #f5f5f5; color:#222; margin-bottom:2px;}
#TR_image img {border:1px solid #f5f5f5; margin:5px 0;}
.uploadbutton {padding:10px 10px 0 10px;}
.couponupload {border-bottom:1px solid #f5f5f5; color:#fff; padding:5px 0 10px 0;}
.panel-body {padding: 10px;}
.panel-bodylistings {padding:5px 0;}
/*required icon listing edit*/
.requiredicon {margin-bottom:15px;}
.requiredicon img {padding-bottom:10px;}
.form-horizontal {padding-left:5px;}

/* Page content top and bottom all pagees */
.pagecontent-top {padding:0 18px; background:#fff; max-width:1200px; margin:0 auto; float:none;}
.pagecontent-bottom {max-width:1200px; margin:0 auto; float:none;}

@media (max-width: 767px) {
    /* Home page content area */
    .homepagecontent-wrapper {background:#fff; margin-top:20px;}
    .homepagetextdiv {}
    .homepagetextdiv .mg-btn-action {width:100%; margin:20px 0;}
    .homepagecontent {max-width:1200px; margin:0 auto; float:none; text-align:left; padding-left:0; padding-right:0}
    #WelcomeHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}
}

@media (min-width: 768px) {
    /* Home page content area */
    .homepagecontent-wrapper {width:100%; background:#fff; text-align:center;}
    .homepagetextdiv {}
    .homepagetextdiv .mg-btn-action {}
    .homepagecontent {max-width:1200px; margin:0 auto;  padding-top:40px; padding-left:0; padding-right:0; float:none; text-align:center;}
    #WelcomeHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}
}

@media (max-width: 767px) {
    .hphomepage {max-width:100%; padding:10px 0 0 0; margin:0 auto; text-align:center;}
    .hpbox {background:#f5f5f5; border:1px solid #eee; padding:20px 40px 5px 40px; width:100%; margin:10px 0; text-align:center;}
    .hpbox img {margin:0 auto; text-align:center; max-height:100px;}
    .hpbox .title {padding:15px 0px; font-weight:bold; font-size:18px;}
    .hpbox .mg-btn-primary {width:100%; font-size:18px; margin:20px 0;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .hphomepage {max-width:700px; padding:40px 10px 0 10px; margin:0 auto; text-align:center;}
    .hpbox {background:#f5f5f5; padding:25px 20px 10px 20px; max-width:280px; margin:auto; text-align:center; border-radius:3px; float:none;}
    .hpbox img {margin:0 auto; text-align:center; max-height:100px;}
    .hpbox .title {padding:15px 0px; font-weight:bold; font-size:16px;}
    .hpbox .mg-btn-primary {width:100%; font-size:18px; margin:20px 0;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .hphomepage {max-width:600px; padding:40px 0 0 0; margin:0 auto; text-align:center;}
    .hpbox {background:#f5f5f5; padding:25px 20px 10px 20px; max-width:280px; margin:auto; text-align:center; border-radius:3px; float:none;}
    .hpbox img {margin:0 auto; text-align:center; max-height:100px;}
    .hpbox .title {padding:15px 0px; font-weight:bold; font-size:18px;}
    .hpbox .mg-btn-primary {width:100%; font-size:18px; margin:20px 0;}
}

@media (min-width: 1200px) {
    .hphomepage {max-width:600px; padding:40px 0 0 0; margin:0 auto; text-align:center; display:flex; justify-content:center;}
    .hpbox {background:#f5f5f5; padding:25px 20px 10px 20px; max-width:280px; margin:10px; text-align:center; border-radius:3px;}
    .hpbox img {margin:0 auto; text-align:center; max-height:100px;}
    .hpbox .title {padding:15px 0px; font-weight:bold; font-size:18px;}
    .hpbox .mg-btn-primary {width:100%; font-size:18px; margin:20px 0;}
}

@media (max-width: 767px) {
    /* Articles - Home Page */
    .articles-wrapper {padding:0 0 10px 0; background:#fff;}
    .articles-homepage {max-width:1200px; margin:0 auto; float:none;}
    #ArticlesHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}
}
@media (min-width: 768px) {
    /* Articles - Home Page */
    .articles-wrapper {padding:20px 0 10px 0; background:#fff;}
    .articles-homepage {max-width:1200px; margin:0 auto; float:none;}
    #ArticlesHeading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}
}

/* Featured Listings - Home Page */
.featlisting-wrapper {padding:30px 0 0 0; background:#fff;}
.featlisting-homepage {max-width:1200px; margin:0 auto; float:none;}
#div_FeaturedListingsHeading .mgpanel-headinghm {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:0 10px; font-size:24px;}
#div_FeaturedListingsHeading .morelink a {color:#fff; font-size:18px; font-family:Oswald;}

@media (max-width: 767px) {
    .morelink a {display:block; float:left; font-size:18px; font-family:Oswald;}
}

/* Browse Categories - Home Page */
.browse-wrapper {padding:20px 0 0 0; background:#3b5998;}
.browse-homepage {max-width:1200px; margin:0 auto; float:none;}
.browse-wrapper #BrowseHeading {color:#fff; text-transform:uppercase; background:#3b5998; padding:5px 10px; font-size:24px;}
#BrowseHeading {color:#fff; text-transform:uppercase; background:#3b5998; border-color:#3b5998; padding:5px 10px; font-size:24px;}
.browse-homepage .mgbrowsecat {background:#3b5998;}
.browse-homepage .mgbrowsecat a {color:#fff; line-height:30px; font-size:16px;}
/* Right Column Browse Styles */
.mgbrowsecat {background:#f7f7f7;}
.mgbrowsecat a {color:#000; line-height:30px; font-size:16px;}

.rss-wrapper {}
.rss-bottom {max-width:1200px; margin:0 auto; float:none; padding:10px 30px 0 30px;}
.rss-top {max-width:1200px; margin:0 auto; float:none;}

@media (max-width: 767px) {
    .mgh1 {margin:0; padding:3px 0; font-size:24px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:DroidSans; text-shadow: 2px 2px 6px #333;}  
    .h1div {padding-top:20px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgh1 {margin:0; padding:3px 0; font-size:32px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:DroidSans; text-shadow: 2px 2px 6px #333;}  
    .h1div {padding-top:10px;}
}

@media (min-width: 992px) {
/* custom h1 style - home page */
    .mgh1 {margin:0; padding:3px 0; font-size:38px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:DroidSans; text-shadow: 2px 2px 6px #333;}  
    .h1div {padding-top:10px;}
}

.text-danger {color:red; font-weight:bold;}
.alert-danger {line-height:26px; color: #a94442; background-color: #fff; border-color: #fff;}

/* Google Translator Styles */
@media (max-width: 767px) {
    .GoogleTranslateDiv {text-align:center; padding:5px 0;}
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; margin:0 auto; padding:5px 0;
      cursor: pointer; zoom: 1;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .GoogleTranslateDiv {margin:10px 0; text-align:center;   padding:5px 55px 5px 0;}
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; float:right; padding:5px 0;
      cursor: pointer; zoom: 1;}
}

@media (min-width: 992px) {
    .GoogleTranslateDiv {margin:8px 0; text-align:center;  padding:5px 55px 5px 0;}
    .GoogleTranslator .goog-te-gadget-simple {background:#fff; color:#222; border:1px solid #ddd; font-size:13px; float:right; padding:5px 10px;
      cursor: pointer; zoom: 1;}
}

  .GoogleTranslator a:link, .GoogleTranslator a:visited {color:#555; text-decoration:none;}
  .GoogleTranslator a:active, .GoogleTranslator a:hover {color:#555; text-decoration:none;}
    .locationlinks .btn {box-shadow:none;}

@media (max-width: 767px) {
    /* Header Styles */
    .HeaderTopBarWrapper {background:none;}
    .Header1 {max-width:1200px; margin:0 auto; background:none;}
    .HeaderTopBar {max-width:1200px; margin:0 auto; color:#fff;}
    .Header1Wrapper {width:100%; padding:0; margin:0; }
    .Header1a {width:100%; padding:20px 0;}
    .Header1a img {margin:0 auto; max-width:70%;}
    .Header1b {width:100%; background:#3b5998; margin-left:0; margin-right:0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Header Styles */
    .HeaderTopBarWrapper {background:none;}
    .Header1 {max-width:1200px; margin:0 auto;}
    .HeaderTopBar {max-width:1200px; margin:0 auto; color:#fff;}
    .Header1Wrapper {width:100%; background:none;}
    .Header1a {padding:20px 0;}
    .Header1a img {margin:0 auto;}
    .Header1b {text-align:center;}
    .locationlinks a {font-family:Oswald;}
    .locationlinks {padding:6px 0 0 0;}
    .toplinks {float:right; padding-top:5px; color:transparent; text-align:center; margin:5px 0; font-family:Oswald;}
      .toplinks a {padding:5px 20px; line-height:42px; border:1px solid #fff;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Header Styles */
    .HeaderTopBarWrapper {font-size:16px; background:none;}
    .Header1 {max-width:1200px; margin:0 auto;}
    .HeaderTopBar {max-width:1200px; margin:0 auto; color:#fff;}
    .Header1Wrapper {width:100%;}
    .Header1a {padding:25px 0 25px 10px;}
    .Header1b {text-align:center; padding:30px 10px;}
    .Header1c .mg-btn-action {position:relative; top:20px;}
    .locationlinks {padding:6px 0 0 0;}
    .locationlinks a {font-family:Oswald;}
    .toplinks {float:right; padding-top:5px; color:transparent; text-align:center; margin:5px 0; font-family:Oswald;}
      .toplinks a {padding:8px 30px; line-height:42px; border:1px solid #fff;}
}

@media (min-width: 1200px) {
    /* Header Styles */
    .HeaderTopBarWrapper {font-size:16px;}
    .Header1 {max-width:1200px; margin:0 auto; }
    .HeaderTopBar {max-width:1200px; margin:0 auto; color:#fff;}
    .Header1Wrapper {width:100%;}
    .Header1a {padding:20px 0 20px 0;}
    .Header1b {text-align:center; padding:30px 10px;}
    .Header1c .mg-btn-action {position:relative; top:20px;}
    .locationlinks {padding:6px 0 0 0;}
    .locationlinks a {line-height:30px; font-family:Oswald;}
    .toplinks {float:right; position:relative; left:30px; padding-top:5px; color:transparent; text-align:center; margin:5px 0; font-family:Oswald;}
      .toplinks a {padding:8px 30px; line-height:42px; border:1px solid #fff;}
}

/* Innner Master Page Heading Styles */
@media (max-width: 767px) {
    /* Header Styles */
    .HeaderTopBarWrapperInner {font-size:16px; background:#3b5998;}
    .Header1Inside {max-width:1200px; margin:0 auto;}
    .Header1WrapperInside {width:100%; background:#f7f7f7; border-bottom:1px solid #eee; padding-left:0; padding-right:0;}
    .Header1WrapperInside .Header1b {background:#3b5998;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Header Styles */
    .HeaderTopBarWrapperInner {font-size:16px; background:#3b5998;}
    .Header1Inside {max-width:1200px; margin:0 auto;}
    .Header1WrapperInside {width:100%; background:#f7f7f7; border-bottom:1px solid #eee;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Header Styles */
    .HeaderTopBarWrapperInner {font-size:16px; background:#3b5998;}
    .Header1Inside {max-width:1200px; margin:0 auto;}
    .Header1WrapperInside {width:100%; background:#f7f7f7; border-bottom:1px solid #eee;}
}

@media (min-width: 1200px) {
    /* Header Styles */
    .HeaderTopBarWrapperInner {font-size:16px; background:#3b5998;}
    .Header1Inside {max-width:1200px; margin:0 auto;}
    .Header1WrapperInside {width:100%; background:#f7f7f7; border-bottom:1px solid #f5f5f5;}
}

  .toplinks .btn {box-shadow: 0 0 0 0 rgba(41, 41, 58, 0.2);}

  .toplinks a:link, .toplinks a:visited {color:#fff; text-decoration:none; border:1px solid #fff;}
  .toplinks a:active, .toplinks a:hover {background:#fff; color:#3b5998; text-decoration:none; border:1px solid #fff;}

  .locationlinks a:link, .locationlinks a:visited {color:#fff; text-decoration:none;}
  .locationlinks a:active, .locationlinks a:hover {color:#fff; text-decoration:underline;}


.maincontenthp {width:100%; margin:0 auto;}
.homepagetext {max-width:1200px; margin:0 auto;}
.hptext-panel {border:none;}

/* Top Navigation Styles */
@media (max-width: 767px) {
    .TopNavWrapper {width:100%; margin:0 auto; background:#3b5998;}
    .mgtopnav {min-height:50px !important; margin:0 auto; padding: 0 0 0 0; background:#3b5998; border:none; max-width:1200px; font-family:Oswald;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; font-size:18px; padding:10px 20px; line-height:24px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background:none;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:none; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:10px 15px; font-size:18px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover { background:#3b5998; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px 20px; background:#3b5998; color:#fff;}
    .mgtopnav .navbar-toggle {font-size:18px; color:#fff; background:none; border:none; margin-top:8px; margin-bottom:0; margin-left:8px; box-shadow:none;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #3b5998;}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
    .navbar-nav .open .dropdown-menu > li > a {line-height: 30px;}
    .mgtopnav .glyphicon {font-size:14px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background:#8b9dc3;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .TopNavWrapper {margin:0 auto;}
    .mgtopnav {min-height:40px !important; margin:0 auto; padding: 5px 0 10px 0; border:none; max-width:1200px; font-family:Oswald;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; background:none; font-size:18px; padding:5px 6px; margin:0 15px; line-height:24px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background:none;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {background:none; color:#fff; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:18px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff;}
    .mgtopnav .navbar-toggle {font-size:18px; color:#fff; background:none; margin-top:1px; margin-bottom:1px; box-shadow:none}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
    .navbar-nav .open .dropdown-menu > li > a {line-height: 30px; background:none;}
    .mgtopnav .glyphicon {font-size:14px; padding:4px 2px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; background:none;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background:none;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .TopNavWrapper {margin:0 auto; background:#fff;}
    .mgtopnav {min-height:40px !important; margin:0 auto; padding: 0 0 0 10px; background:none; border:none; max-width:1200px; font-family:Oswald;} 
    .mgtopnav .navbar-nav > li > a {color:#fff; background:none; font-size:18px; padding:10px 12px; line-height:24px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background:none;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {color:#fff; background:none; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:16px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff;}
    .mgtopnav .navbar-toggle {font-size:16px; color:#fff; background:none; margin-top:1px; margin-bottom:1px; box-shadow:none}
    .mgtopnav .glyphicon {font-size:12px; padding:2px;}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
}

@media(min-width : 1200px) {
     .dropdown:hover .dropdown-menu {display: block;} /*dropdowns will open on hover*/

    .TopNavWrapper {margin:0 auto;}
    .mgtopnav {min-height:40px !important; margin:0 auto; padding: 25px 0 0 90px; border:none; max-width:1200px; font-family:Oswald; } 
    .mgtopnav .navbar-nav > li > a {color:#fff; background:none; font-size:18px; padding:5px 10px; line-height:24px; margin:0 8px;}
    .mgtopnav .navbar-nav > li > a:hover,
    .mgtopnav .navbar-nav > li > a:focus {color:#fff; background:none;}
    .mgtopnav .navbar-nav > .active > a,
    .mgtopnav .navbar-nav > .active > a:hover,
    .mgtopnav .navbar-nav > .active > a:focus {color:#fff; background:none; border:none;}
    .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:16px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff;}
    .mgtopnav .navbar-toggle {font-size:18px; color:#fff; margin-top:1px; margin-bottom:1px; box-shadow:none}
    .mgtopnav .btn:hover {background:none;}
    .mgtopnav .btn:focus {background:none;}
    .navbar-nav .open .dropdown-menu > li > a {line-height: 30px;}
    .mgtopnav .glyphicon {font-size:12px; padding:4px 2px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff; background:none;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background:none;}
}


/* Inside Top Navigation */
/* Top Navigation Styles */
@media (max-width: 767px) {
    .Header1WrapperInside .TopNavWrapper {width:100%; margin:0 auto; background:#3b5998;}
    .Header1WrapperInside .mgtopnav {min-height:50px !important; margin:0 auto; padding: 0 0 0 0; background:#3b5998; border:none; max-width:1200px; font-family:Oswald;} 
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a {color:#fff; font-size:18px; padding:10px 20px; line-height:24px;}
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:focus {color:#fff; background:#3b5998;}
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:focus {background:#3b5998; color:#fff; border:none;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:10px 15px; font-size:18px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .Header1WrapperInside .mgtopnav .dropdown-menu {padding:5px 20px; background:#3b5998; color:#fff; }
    .Header1WrapperInside .mgtopnav .navbar-toggle {font-size:18px; color:#f5f5f5; background:#3b5998; border:none; margin-top:8px; margin-bottom:0; margin-left:6px;}
    .Header1WrapperInside .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #3b5998;}
    .Header1WrapperInside .mgtopnav .btn:hover {background:none;}
    .Header1WrapperInside .mgtopnav .btn:focus {background:none;}
    .Header1WrapperInside .navbar-nav .open .dropdown-menu > li > a {line-height: 30px;}
    .Header1WrapperInside .mgtopnav .glyphicon {font-size:14px;}
    .Header1WrapperInside .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #222;}
    .Header1WrapperInside .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #f5f5f5; background-color: #27282c;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .Header1WrapperInside .TopNavWrapper {margin:0 auto; background:#fff;}
    .Header1WrapperInside .mgtopnav {min-height:40px !important; margin:0 auto; padding: 5px 0 20px 0; background:#f5f5f5; border:none; max-width:1200px; font-family:Oswald;} 
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a {color:#222; font-size:16px; padding:5px 6px; line-height:24px;}
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:focus {color:#222; background:#f5f5f5;}
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:focus {background:#f5f5f5; color:#222; border:none;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:16px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .Header1WrapperInside .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff; }
    .Header1WrapperInside .mgtopnav .navbar-toggle {font-size:18px; color:#222; background:#f5f5f5; margin-top:1px; margin-bottom:1px;}
    .Header1WrapperInside .mgtopnav .btn:hover {background:none;}
    .Header1WrapperInside .mgtopnav .btn:focus {background:none;}
    .Header1WrapperInside .navbar-nav .open .dropdown-menu > li > a {line-height: 30px;}
    .Header1WrapperInside .mgtopnav .glyphicon {font-size:12px; padding:4px 2px;}
    .Header1WrapperInside .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #222;}
    .Header1WrapperInside .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #222; background-color: #fff;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .Header1WrapperInside .TopNavWrapper {margin:0 auto; background:#fff;}
    .Header1WrapperInside .mgtopnav {min-height:40px !important; margin:0 auto; padding: 0 0 0 10px; background:#f5f5f5; border:none; max-width:1200px; font-family:Oswald;} 
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a {color:#222; font-size:18px; padding:10px 12px; line-height:24px;}
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:focus {color:#222; background:#f5f5f5;}
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:focus {color:#222; border:none;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:16px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .Header1WrapperInside .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff; }
    .Header1WrapperInside .mgtopnav .navbar-toggle {font-size:16px; color:#222; background:#f5f5f5; margin-top:1px; margin-bottom:1px;}
    .Header1WrapperInside .mgtopnav .glyphicon {font-size:12px; padding:2px;}
    .Header1WrapperInside .mgtopnav .btn:hover {background:none;}
    .Header1WrapperInside .mgtopnav .btn:focus {background:none;}
}

@media(min-width : 1200px) {
     .Header1WrapperInside .dropdown:hover .dropdown-menu {display: block;} /*dropdowns will open on hover*/

    .Header1WrapperInside .TopNavWrapper {margin:0 auto;}
    .Header1WrapperInside .mgtopnav {min-height:40px !important; margin:0 auto; padding: 25px 0 0 90px; border:none; max-width:1200px; font-family:Oswald;} 
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a {color:#222; font-size:18px; padding:5px 10px; line-height:24px; margin:0 8px;}
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > li > a:focus {color:#222; background:#f5f5f5;}
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:hover,
    .Header1WrapperInside .mgtopnav .navbar-nav > .active > a:focus {color:#222; background:#f5f5f5; border:none;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a {background:#3b5998; color:#fff; display:block; padding:5px 10px; font-size:16px; clear:both; font-weight:normal; line-height:1.42857143; white-space:nowrap;}
    .Header1WrapperInside .mgtopnav .dropdown-menu > li > a:hover {background:#8b9dc3; color:#fff;}
    .Header1WrapperInside .mgtopnav .dropdown-menu {padding:5px; background:#3b5998; color:#fff; }
    .Header1WrapperInside .mgtopnav .navbar-toggle {font-size:18px; color:#222; margin-top:1px; margin-bottom:1px;}
    .Header1WrapperInside .mgtopnav .btn:hover {background:none;}
    .Header1WrapperInside .mgtopnav .btn:focus {background:none;}
    .Header1WrapperInside .navbar-nav .open .dropdown-menu > li > a {line-height: 30px;}
    .Header1WrapperInside .mgtopnav .glyphicon {font-size:12px; padding:4px 2px;}
    .Header1WrapperInside .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #222; background:none;}
    .Header1WrapperInside .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #222; background-color: #8b9dc3;}
}

 


/* Headings - Home Page */
.mgpanel-headinghm  {color:#222; background:#fff; border-color:#fff; padding:0 10px; font-size:24px;}

.mgpanel-defaulthm .mgpanel-body {padding:10px 15px; margin-bottom:20px;}
.mgpanel-defaulthm .mgpanel-bodyhm {padding:10px 15px; margin-bottom:20px;}

/* Headings - Search and Browse */
.mgpanel-default > .mgpanel-heading {color:#fff; background-color:#3b5998; border:none; padding:5px 10px 0 10px; border-bottom:2px solid #ddd; font-size:24px;}
.mgpanel-heading {color:#fff; font-family:Oswald; text-transform:uppercase; background-color:#3b5998; border:none; padding:5px 10px 0 10px; border-bottom:2px solid #ddd; font-size:24px;}

/*Purchase page headings*/
.mgpricepanel-heading { color:#fff; height:85px; background:#3b5998; border-color:#3b5998; padding:0px 25px; border-bottom:1px solid transparent; font-size:24px;}


/* Button Styles */
.btn {font-size:16px; border-radius:0; transition: 250ms all ease-in-out;
    box-shadow: 0 3px 21px 1px rgba(41, 41, 58, 0.2);}

.mg-btn-secondary {background:#333; color:#fff; border:1px solid #333;}
.mg-btn-secondary:active, .mg-btn-secondary:visited {background:#333; color:#fff; border:1px solid #333;}
.mg-btn-secondary:hover, .mg-btn-secondary:focus {background:#555; color:#fff; border:1px solid #555;}

.mg-btn-primary {background:#3b5998; color:#fff; border:1px solid #3b5998;}
.mg-btn-primary:active, .mg-btn-primary:visited {background:#3b5998; color:#fff; border:1px solid #3b5998;}
.mg-btn-primary:hover, .mg-btn-primary:focus {background:#31497D; color:#fff; border:1px solid #31497D;}

/* Action Button */
.mg-btn-action {background:#3b5998; color:#fff; border:1px solid #3b5998; font-size:18px; width:200px; margin-top:10px;} 
.mg-btn-action:visited, .mg-btn-action:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
.mg-btn-action:hover, .mg-btn-action:focus {background:#31497D; color:#fff; border:1px solid #31497D;}

/* My Account Page - displays listing count */
.mgpanel-heading  .badge {display:inline-block; min-width:10px; padding:5px 7px; font-size:14px; font-weight:700; line-height:1; color:#31497D; text-align:center;
                          white-space:nowrap; background:#fff; border-radius:10px; position:relative; bottom:5px;}

@media (max-width: 767px) {
    /* More Button */
    .mg-btn-more {background:#3b5998; color:#fff; border:1px solid #3b5998; width:100%; margin-top:10px; padding:8px 15px;} 
    .mg-btn-more:visited, .mg-btn-more:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
    .mg-btn-more:hover, .mg-btn-more:focus {background:#31497D; color:#fff; border:1px solid #31497D;}
}

@media (min-width: 768px) {
    /* More Button */
    .mg-btn-more {background:#3b5998; color:#fff; border:1px solid #3b5998; font-size:14px; padding:6px 15px 3px 15px; min-width:180px; position:relative; bottom:4px; right:10px;} 
    .mg-btn-more:visited, .mg-btn-more:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
    .mg-btn-more:hover, .mg-btn-more:focus {background:#31497D; color:#fff; border:1px solid #31497D;}
}


/* Listing Contact Button */
.mg-btn-contact {background:#3b5998; color:#fff; border:1px solid #3b5998;}
.mg-btn-contact:active, .mg-btn-contact:visited {background:#3b5998; color:#fff; border:1px solid #3b5998;}
.mg-btn-contact:hover, .mg-btn-contact:focus {background:#31497D; color:#fff; border:1px solid #31497D;}

/* Facebook Button */
.mg-btn-fb a {text-decoration:none;}
.mg-btn-fb {background:#5c6a90; color:#fff; border:1px solid #5c6a90; border-radius:0; width:100%; margin-top:10px;} 
.mg-btn-fb:visited, .mg-btn-fb:active {background:#5c6a90; color:#fff; border:1px solid #5c6a90;}
.mg-btn-fb:hover, .mg-btn-fb:focus {background:#5c6a90; color:#fff; border:1px solid #5c6a90;}

/*view all listings buttons on listing display pages */
.viewall_listings {width:200px; margin-bottom:5px;}

/* visit website button customer profile display page */
.visit_website {width:200px;}

/* Bread crumb styles category browse pages */
.breadcrumbtop {color:#fff; background:#3b5998; margin-bottom:20px; padding:8px 10px; border-bottom:2px solid #3b5998; font-size:18px;} 
.breadcrumbtop a {color:#fff;} 
.breadcrumbpanel {padding-left:3px; margin-bottom:10px;}
.mg-btn-breadcrumb {background:#333; color:#fff; border:1px solid #333; border-radius:0; margin-bottom:5px; font-size:16px;}
.mg-btn-breadcrumb:active, .mg-btn-breadcrumb:visited {background:#333; color:#fff; border:1px solid #333;}
.mg-btn-breadcrumb:hover, .mg-btn-breadcrumb:focus {background:#555; color:#fff; border:1px solid #555;}
.browseorderby {margin-bottom:15px;}

/* Pagination styles */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; background-color:#31497D; border-color:#31497D;}

.pagination > li > a,
.pagination > li > span {color:#222; text-decoration:none; background-color:#fff; border:1px solid #ddd;}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #222; background-color: #f5f5f5; border-color:#ddd;}

/*FAQ page styles*/
.faqquestion {padding:8px 25px;}
.faqanswer {padding:2px 25px;}

/*Links page styles*/
.links {padding:8px 10px;}
.linksdescription {padding:2px 10px;}

/* Site News page styles */
.sitenewsheading a {font-size:16px; font-weight:bold; padding:0 8px;}
.sitenewsdesc {padding:0 8px;}


@media (max-width: 767px) {
    /* Footer Styles */
    .FooterWrapper {width:100%; margin:0 auto; color:#fff; padding:30px 0; background:#3b5998; font-family:Oswald;}
    .Footer {max-width:1200px; margin:0 auto;}
    .Footer ul {margin:0px; padding:18px 0px 20px 0; text-align:left;}
    .Footer li {margin:0px; padding:8px 0px; list-style:none;}
      .Footer a {padding:0px;}
      .Footer a:link, .Footer a:visited {color:#fff; text-decoration:none;}
      .Footer a:active, .Footer a:hover {color:#fff; text-decoration:underline;}
    .copyright {text-align:center; margin:0px; padding:5px 0; color:#fff;}
      .copyright a:link, .copyright a:visited {color:#dfe3ee;}
      .copyright a:active, .copyright a:hover {color:#ffffff;}
      .MGlogo {padding-bottom:20px;}
      .copyright .MGlogo {text-align:center; color:#fff !important;}
      .copyright .MGlogo a {color:#fff !important; text-decoration:none !important; padding-right:10px;}
    .SocialIcons {text-align:center; position:relative; top:20px;}
    .SocialIcons a {color:#fff; text-decoration:none;}
    .Footer .fa-brands {border-radius: 50%; border: 2px solid #fff; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 4px; transition: 250ms all ease-in-out;}
        .Footer .fa-brands:hover {border-radius: 50%; border: 2px solid #fff; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 4px;}
      .SocialIcons a:link, .SocialIcons a:visited {color:#fff; text-decoration:none;}
      .SocialIcons a:active, .SocialIcons a:hover {color:#fff; text-decoration:none;}
}

@media (min-width: 768px) {
    /* Footer Styles */
    .FooterWrapper {width:100%; margin:0 auto; color:#fff; padding:30px 0; background:#3b5998; font-family:Oswald; font-size:16px;}
    .Footer {max-width:1200px; margin:0 auto;}
    .Footer ul {margin:0px; padding:18px 0px 20px 0; text-align:left;}
    .Footer li {margin:0px; padding:8px 0px; list-style:none;}
      .Footer a {padding:0px;}
      .Footer a:link, .Footer a:visited {color:#fff; text-decoration:none;}
      .Footer a:active, .Footer a:hover {color:#fff; text-decoration:underline;}
    .copyright {text-align:right; margin:0px; padding:5px 0; color:#fff;}
      .copyright a:link, .copyright a:visited {color:#dfe3ee;}
      .copyright a:active, .copyright a:hover {color:#ffffff;}
      .MGlogo {padding-bottom:20px;}
      .copyright .MGlogo {text-align:right; color:#fff !important;}
      .copyright .MGlogo a {color:#fff !important; text-decoration:none !important; padding-right:10px;}
    .SocialIcons {text-align:right; padding-right:18px; position:relative; top:30px; margin-bottom:35px;}
    .Footer .fa-brands {font-size:18px; border-radius: 50%; border: 2px solid #fff; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 5px; transition: 250ms all ease-in-out;}
    .SocialIcons a {color:#fff; text-decoration:none;}
        .Footer .fab-brands:hover {border-radius: 50%; border: 2px solid #888; padding:12px 5px 0 5px; height: 46px; width: 46px; margin:0 5px;}
      .SocialIcons a:link, .SocialIcons a:visited {color:#fff; text-decoration:none;}
      .SocialIcons a:active, .SocialIcons a:hover {color:#888; text-decoration:none;}
}


/*Register and Login pages*/
@media (max-width: 767px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:104%; position:relative; right:15px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}
@media (min-width: 768px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px;  max-width:400px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:102%; position:relative; right:15px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}

@media (min-width: 992px) {
    /*Login page styles*/
    .loginbox {min-height:200px; padding:0 18px;}
    .loginbox .mg-btn-primary {width:100%;}
    .registernow {padding-top:20px; text-align:center;}
      .registernow a:link, .registernow a:visited {color:#337ab7; text-decoration:underline;}
      .registernow a:active, .registernow a:hover {color:#555555; text-decoration:underline;}
    .passwordhelp {padding-top:15px; text-align:center;}
      .loginbox a:link, .loginbox a:visited {color:#337ab7; text-decoration:underline;}
      .loginbox a:active, .loginbox a:hover {color:#555555; text-decoration:underline;}
    .loginnow {margin-bottom:20px; margin-top:20px;}

      /*Register page styles - EM, VE, RE*/
    .registerbox {min-height:150px; margin-top:20px; line-height:40px; padding:0 20px 20px 20px; max-width:400px;}
    .registerbox h2 {font-size:22px; text-align:center;}
    .registerbox .panel .panel-default {padding:0;}
    .registerbox a {text-decoration:underline;}
    .registerbox .btn {text-decoration:none; width:100%;}
    .custregister {width:59%; position:relative; right:12px;} /* styling to control button width on customer form when registering */
    .regloginbtn .btn {width:100%;} 
    .registerbox .mg-btn-fb {width:100%; margin-top:0;}
      .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {color:#fff; text-decoration:underline;}
      .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {color:#fff; text-decoration:underline;}
    .regtext {font-size:18px; text-align:center; margin-top:5px;}
}

.fbloginbutton {margin:5px 0 15px 0; text-align:center; font-size:18px;}

/* Browse Page RSS Icon */
.rssoutputicon {float:right; position:relative; top:30px; right:10px;}

/* Header quick search styles */
/*.qsearchdiv {margin:0 auto; text-align:center; width:100%;} comment style below and use this style if customer will not have large photo*/
@media (max-width: 767px) {
    .qsearchdiv {margin:0 auto; text-align:center; width:100%; z-index:100;}
    .qsearchdiv .mg-btn-action {background:#3b5998; color:#fff; border:1px solid #3b5998; font-size:18px; width:100%;} 
      .qsearchdiv .mg-btn-action:visited, .qsearchdiv .mg-btn-action:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
      .qsearchdiv .mg-btn-action:hover, .qsearchdiv .mg-btn-action:focus {background:#31497D; color:#fff; border:1px solid #31497D;}

    .qsearch {background-color:rgba(255,255,255,0.2); padding:15px 20px 15px 20px;}
    .advsearchlink {font-size:14px; font-style:italic; line-height:30px; text-align:center;}
    .catdropdown {width:100%; margin-bottom:5px; border-radius:0; height:40px; border:1px solid #ddd;}
    .catdropdown -webkit-appearance  { height:40px;}
    .txtbox {width:100%; margin-bottom:5px; border-radius:0; height:40px; border:1px solid #ddd;}
    .qsbutton {line-height:26px; margin-bottom:5px; width:100%; background:#8b9dc3; border:1px solid #8b9dc3; font-size:18px; color:#fff;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .qsearchdiv {height:0; margin:0 auto; text-align:center; width:100%; z-index:100;}
    .qsearchdiv .mg-btn-action {background:#3b5998; color:#fff; border:1px solid #3b5998; font-size:18px; width:250px; margin-top:10px;} 
      .qsearchdiv .mg-btn-action:visited, .qsearchdiv .mg-btn-action:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
      .qsearchdiv .mg-btn-action:hover, .qsearchdiv .mg-btn-action:focus {background:#31497D; color:#fff; border:1px solid #31497D;}
    .qsearch {background-color:rgba(255,255,255,0.5); padding:15px 35px 0 35px;}
    .qsearch .catdropdown {min-width:200px; max-width:300px; border-radius:0; height:40px; border:1px solid #ddd;}
    .qsearch .txtbox {min-width:200px; border-radius:0; height:40px; border:1px solid #ddd;}
    .advsearchlink {font-size:14px; font-style:italic; line-height:30px; float:right;}
    .qsbutton {color:#fff; line-height:26px; min-width:50px; background:#3b5998; border:1px solid #3b5998; font-size:18px; color:#fff;}
}
@media (min-width: 992px) {
    .qsearchdiv {height:0; margin:0 auto; text-align:center; width:100%; z-index:100; position:relative; bottom:25px;}
    .qsearchdiv .mg-btn-action {background:#3b5998; color:#fff; border:1px solid #3b5998; font-size:18px; width:250px; margin-top:10px;} 
      .qsearchdiv .mg-btn-action:visited, .qsearchdiv .mg-btn-action:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
      .qsearchdiv .mg-btn-action:hover, .qsearchdiv .mg-btn-action:focus {background:#31497D; color:#fff; border:1px solid #31497D;}
    .qsearch {background-color:rgba(255,255,255,0.3); padding:20px 20px 0 20px; border-radius:2px;}
    .qsearch .catdropdown {min-width:300px; border-radius:0; height:50px; border:1px solid #ddd; font-size:16px;}
    .qsearch .txtbox {min-width:280px; border-radius:0; height:50px; border:1px solid #ddd; font-size:16px;}
    .advsearchlink {font-size:14px; font-style:italic; float:right;}
    .qsbutton {color:#fff; min-width:50px; line-height:38px; background:#3b5998; border:1px solid #3b5998; font-size:18px;}
}

  .advsearchlink:link, .advsearchlink:visited {color:#fff; text-decoration:underline;}
  .advsearchlink:active, .advsearchlink:hover {color:#fff; text-decoration:none;}

  .qsbutton:visited, .qsbutton:active {background:#3b5998; color:#fff; border:1px solid #3b5998;}
  .qsbutton:hover, .qsbutton:focus {background:#31497D; color:#fff; border:1px solid #31497D;}


/* Right column quick search styles */
.vsearch {margin-bottom:20px;}
.vsearch .catdropdown {width:100%; margin-bottom:4px;}
.vsearch .txtbox {width:100%; margin-bottom:4px;}
.vsearch .searchbutton {width:100%; font-size:18px;}

/*Home Page Search Box*/
.hpsearch .mgpanel-body {border:1px solid #ddd;}
.hpsearch .mg-formcontrol {border:none; margin-bottom:5px; padding:0; -webkit-box-shadow:none;}
.hpsearch input[type="radio"] {margin:0 15px;}
.hpsearch .btn {width:100%;}
.hpsearch .mgpanel-heading {color:#222; font-family:Oswald; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 10px; font-size:24px;}

/* displayAd classes for each positions container and each ad in a container */
.center-block .img-responsive {margin: 0 auto;}
.center-block {margin:0 auto; float:none; display:block; text-align:center;}

.displayAdContainerH {padding:5px 0; text-align:center; line-height:normal; background:#f7f7f7;}
.displayAdH {padding:10px 5px; text-align:center; display:inline;}

.displayAdContainerT {padding:20px 0; text-align:center; width:100%; margin:0 auto; line-height:normal;}
.displayAdT {padding:0; text-align:center; display:inline;}

.displayAdContainerR {padding-top:25px; text-align:center; line-height:normal;}
.displayAdR {padding:5px 0 15px 0; text-align:center; display:block;}

.displayAdContainerMhome {padding:5px 0; text-align:center; line-height:normal; margin:0 auto; width:100%; background:#fff;}
.displayAdMhome {padding:10px 5px; text-align:center; }

.displayAdContainerB {padding:10px 0 10px 0; margin:0; text-align:center; line-height:normal; background:#f7f7f7;}
.displayAdB {padding:10px 5px; text-align:center; display:inline;}

.displayAdContainerL {padding:0; text-align:center; line-height:normal;}
.displayAdL {padding:10px 5px; display:block;}

@media (max-width: 767px) {
    .displayAdContainerM {padding:0; text-align:center; line-height:normal;}
    .displayAdM {padding:10px 5px; text-align:center; display:inline;}
}
@media (min-width: 768px) {
    .displayAdContainerM {padding:15px 0; text-align:center; line-height:normal;}
    .displayAdM {padding:10px 5px; text-align:center; display:inline;}
}

/* displayAd classes for each positions container and each ad in a container */


/* Custom Form Styles*/
.FormInsideRow {padding-left:16px;}
.MarginSmall {margin:3px;}
.mgformfixup {margin-left:15px;}
input[type="radio"] {margin:0 5px;}
input[type="checkbox"] {margin:0px 5px;}
.MGcb {border:0;}     /*get ride of bootstrap borders around checkboxes */

.required {padding-right:20px !important; background:url(../../Images/Required.gif) no-repeat top right;}
.requiredDD {padding-right:25px !important; background:url(../../Images/Required2.gif) no-repeat top right; float:left;}
.required-div {margin-bottom:20px;}
.required-top {position:relative; bottom:5px;}

@media (max-width: 767px) {
    /* My Account Page Styles */
    .EditionDD {font-size:18px; min-width:250px; border:1px solid #333; background:#333; color:#fff; padding:5px; margin:0 auto; margin-bottom:20px;}
    .MyAccountTitle {font-size:18px; text-align:center; margin-bottom:10px;}
    .ManageAccountBox {background:#f7f7f7; border-bottom:1px solid #eee; padding:15px; margin-bottom:3px;}
    .ManageAccountHeading {background:#1e0639; border:1px solid #eee; padding:5px 15px; margin-bottom:3px; color:#fff;}
    .ManageAccountBox .mg-btn-primary {margin-bottom:5px;}
    .editioncol {width:100%; margin:0 auto; text-align:center;}
}

@media (min-width: 768px) {
    /* My Account Page Styles */
    .EditionDD {position:relative; right:5px; font-size:18px; min-width:160px; border:1px solid #333; background:#333; color:#fff; padding:3px; margin-bottom:10px;}
    .MyAccountTitle {font-size:18px;}
    .ManageAccountBox {background:#f7f7f7; border-bottom:1px solid #eee; padding:15px; margin-bottom:3px; font-size:16px;}
    .ManageAccountHeading {background:#1e0639; border:1px solid #eee; padding:5px 15px; margin-bottom:3px; color:#fff;}
    .ManageAccountBox .mg-btn-primary {margin-bottom:5px;}
}

/* Purchase page headings - vertically align Price Plan Title vertically */
.mgpricepanel-heading span {height:75px; display: table-cell; vertical-align: middle;}

/* Purchase Pages Styles */
.plan-price {font-size:32px; line-height:40px; padding-bottom:5px; color:#777; width:100%; text-align:center;}
.checkmark-checked {color:#e95050; font-size:20px;}
.plan-border-checked {border: 1px solid #e95050;}

/*Pricing Page Styles*/
.planItemTitle {font-weight:bold; font-size:18px; color:#222; margin-bottom:10px;} /*class set in code behind*/
.planItemPrice {color:#036;} /*class set in code behind*/
.priceplandesc {padding:10px 10px 10px 10px; background:#f7f7f7; border:1px solid #f7f7f7; margin-bottom:10px;} /*class set in code behind*/
.rowPricePage .mgpanel-heading {color:#fff; text-transform:uppercase; background-color:#3b5998; border:none; padding:10px 10px 5px 10px; border-bottom:2px solid #ddd; font-size:18px; margin-bottom:10px;}
.pricepagebtn {height:0; float:right; position:relative; bottom:55px; margin-bottom:20px;}
.pricepagebtnbottom .mg-btn-action {width:100%;}

 /* Custom scroll bar style for price plan description */
.price-panel ::-webkit-scrollbar {width: 10px;}
.price-panel ::-webkit-scrollbar-button {width:5px; height:10px;}
.price-panel ::-webkit-scrollbar-track {background:#e5e5e5; border: 1px solid #e5e5e5; box-shadow: 0px 0px 3px #dfdfdf inset; 	border-radius:10px;}
.price-panel ::-webkit-scrollbar-thumb {background:#f2f2f2; border: 1px solid #e5e5e5; border-radius:10px;}
.price-panel ::-webkit-scrollbar-thumb:hover {background:#ddd;}

@media (max-width: 767px) {
     /* Purchase Pages Styles */
    .price-panel {margin:5px; height:auto;}
    .price-plan-box {text-align:center; height:auto;}
    .plan-description {padding:15px 10px; height:auto; overflow:auto; text-align:left;}
}

@media (min-width: 768px) {
    /* Purchase Pages Styles */
    .price-panel {margin:5px; height:auto;}
    .price-plan-box {text-align:center; height:auto;}
    .plan-description {padding:15px 10px; height:auto; overflow:auto; text-align:left;}
}

@media (min-width: 992px) {
    /* Purchase Pages Styles */
    .price-panel {margin:5px; max-height:415px;}
    .price-plan-box {text-align:center; max-height:350px;}
    .plan-description {padding:15px 10px; height:240px; overflow:auto; text-align:left;}
}

/*Responsive YouTube*/
.video-responsive {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-responsive iframe, .video-responsive object, .video-responsive embed {margin:0 auto; position:absolute; top:0px; left:10px; width:98%; height:96%;}


@media (max-width: 767px) {
    .mgdisplaylisting {padding:10px 5px; margin:0 auto; text-align:center; border-bottom:1px solid #ddd; line-height:22px;}
    .mgdisplaylisting img {padding:5px; margin:0 auto;}
    .listdisplay-stars {display:block; letter-spacing:-1px; float:none; padding-top:10px;}
    .listdisplay-extras {display:block; float:left;}
    .listdisplay-extras-em {padding-left:15px; float:none;}
    .listingtitle {font-weight:bold; padding:5px 0; font-size:18px; text-decoration:none;}
    .listingtitle a {font-weight:bold; line-height:24px; text-decoration:none; color:#3b5998;}
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {padding:10px 20px; border:1px solid #dedede; line-height:22px; text-align:center; margin-bottom:10px; background:#fff; height:auto;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}
    .imagediv {height:auto; margin-bottom:10px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylisting {padding:15px; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:10px;}
    .listdisplay-stars {letter-spacing:-1px; margin-right:8px; padding-top:5px;}
    .listdisplay-extras {display:block; float:left;}
    .listdisplay-extras-em {}
    .listingtitle a {font-weight:bold; text-decoration:none; color:#3b5998; font-size:16px;}
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {padding:10px 0px; width:32%; margin-right:10px; margin-bottom:10px; border:1px solid #dedede; line-height:22px; text-align:left; min-height:430px;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}
    .listingdesc {padding:5px 15px;}
    .imagediv {min-height:190px; margin-bottom:10px; padding:0;}
    .imagediv img {max-height:200px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylisting {padding:15px; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:10px;}
    .listdisplay-stars {letter-spacing:-1px; margin-right:8px; padding-top:5px;}
    .listdisplay-extras {display:block; float:left;}
    .listdisplay-extras-em {}
    .listingtitle a {font-weight:bold; text-decoration:none; color:#3b5998; font-size:16px;}
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {padding:10px 0px; width:32%; margin-right:10px; margin-bottom:10px; border:1px solid #dedede; line-height:22px; text-align:left; min-height:480px;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}
    .listingdesc {padding:5px 15px;}
    .imagediv {min-height:250px; margin-bottom:10px; padding:0;}
    .imagediv img {max-height:240px;}
}

@media (min-width: 1200px) {
    .mgdisplaylisting {padding:15px; border:1px solid #ddd; line-height:24px; margin:5px 0;}
    .mgdisplaylisting img {padding:10px;}
    .listdisplay-stars {letter-spacing:-1px; margin-right:8px; padding-top:5px;}
    .listdisplay-extras {display:block; float:left;}
    .listdisplay-extras-em {}
    .listingtitle a {font-weight:bold; text-decoration:none; color:#3b5998; font-size:16px;}
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {padding:10px 0px; width:32%; margin-right:15px; margin-bottom:15px; border:1px solid #dedede; line-height:22px; text-align:left; min-height:490px;}
    .mgdisplaylistinghome img {padding:5px; margin:0 auto;}
    .listingdesc {padding:5px 15px;}
    .imagediv {min-height:250px; margin-bottom:10px; padding:0;}
    .imagediv img {max-height:240px;}
}


/* Full Listing Display */ 
.listingdisplayinfo {margin-top:10px; padding-left:15px;}
.listing_orgname {font-weight:bold; font-size:18px;}
.listingbuttons {padding-top:20px;}
.listingbuttons .btn {min-width:200px; margin-bottom:10px;}
.ListingDisplay_Advertiser .glyphicon {font-size:22px; color:#555; position:relative; top:5px; line-height:30px; margin-right:4px;}
.listingdisplaybutton .btn {margin-top:25px; margin-bottom:10px; font-size:16px;}
.listingsocialdiv {width:200px; text-align:center;}
.listingicons .listingfavorite .glyphicon-heart {color:#dc4e41;}
.listing_addrating {padding-top:10px;}


@media (max-width: 767px) {
.listingicons .glyphicon {color:#3b5998; padding-bottom:20px; font-size:20px;}
.listingicons span  {color:#3b5998; padding-right:15px; font-size:20px;}
.listingcurrent-rating {margin:0 auto;}
}

@media (min-width: 768px) {
.listingicons .glyphicon {color:#3b5998; padding:5px 7px; font-size:20px; position:relative; top:24px; float:right;}
.listingcurrent-rating {text-align:right; padding-right:18px; position:relative; top:32px;}
}

/* Customer Profile */
.currentrating_customer {float:right; position:relative; bottom:34px; right:12px;}
.profileweblink {display:inline-block; padding-left:5px;}

.listdisplay-stars .starEmpty {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starFilled {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starEmptyLarge {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}
.listdisplay-stars .starFilledLarge {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:16px;}


/* Rating Star Styles */
.starEmpty {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starFilled {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starEmptyLarge {color:grey; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}
.starFilledLarge {color:gold; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:20px;}

/*Advanced Search Page*/ 
.searchresults {padding-bottom:10px;}
.resultsReturned {padding-bottom:10px;}


/* Listing Display Styles - Full Page Display */
.ListingDisplay_Item {line-height:26px;}
.listingdisplayinfo .ListingDisplay_Item {padding-left:8px;}
.ListingDisplay_Label {clear:both; padding:1px 0; font-weight:bold; width:auto; float:left; margin-right:10px;}
.ListingDisplay_Data {float:left; padding:1px 0; margin-right:5px;}
.ListingDisplay_Data_MultiCategory {padding-left:20px;}
.ListingDisplay_Advertiser {color:#333; padding:20px 30px 10px 10px;}
.ViewCount {margin:10px 0; text-align:right;  padding-left:5px;}
.ListingDisplay_AddThis {display:block; float:left; clear:both; padding-bottom:10px;}
.ListingDisplay_Ratings {display:block; float:left; margin-top:10px; clear:both;}
.ListingDisplayRatingsExisting_Stars {padding-top:10px;}
.ListingDisplayRatingsExistingDiv {margin-bottom:10px;}
/*.listingid {position:relative; top:25px; text-align:right;}*/
.listingrow {margin-right:0; margin-left:0;}
hr {margin-top:20px; margin-bottom:10px; border: 0; border-top: 1px ridge #ddd; width:98%;}

    .listingsocialdiv {width:100%; text-align:left; margin:10px 0;}
    .listingsocialdiv a:hover {text-decoration:none;}
      .listingsocialdiv .fa-brands {width:40px; font-size:18px; height:40px; line-height:40px; color:#fff; border-radius:5px; margin:0 2px;
            -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}
      .listingsocialdiv .fa-facebook-f {background:#4b69b0;}
        .listingsocialdiv .fa-facebook-f:hover {background:#6B84BE;}
      .listingsocialdiv .fa-x-twitter {background:#000;}
        .listingsocialdiv .fa-x-twitter:hover {background:#222;}
      .listingsocialdiv .fa-linkedin-in {background:#0077b5;}
        .listingsocialdiv .fa-linkedin-in:hover {background:#459CC9;}
      .listingsocialdiv .fa-instagram {background:#9d3baa;}
        .listingsocialdiv .fa-instagram:hover {background:#AE5EB9;}
      .listingsocialdiv .fa-pinterest-square {background:#b8081b;}
        .listingsocialdiv .fa-pinterest-square:hover {background:#C43444;}

/* Profile Display page */
.profiledisplaybox {background:#f5f5f5; padding:20px;}
.CustomerPhone {font-weight:bold; padding-left:5px;}
.ProfileLogo {padding:10px; float:left; min-height:150px; width:200px; background:#fff;}
.CustomerPhoto {text-align:right;}
.CustomerPhoto img {padding:5px 5px 10px 0;}
.ListingDisplayCustomer_Profile {text-align:justify;}
.CustomerPhoto .listingsocialdiv {display:block; float:right; text-align:right; padding-right:3px;}


/*Article Display Styles - Home Page and Browse */
@media (max-width: 767px) {
.articlestitle {font-weight:bold; padding:5px 0; font-size:18px; text-align:center;}
.articlestitle a {text-decoration:none; color:#8b9dc3; font-size:18px;}
.art-description {width:100%; padding:15px; line-height:24px; height:auto; background:#f7f7f7; border:5px solid #fff; text-align:center;}
.art-description img {max-height:180px; margin:0 auto;}
.art-descriptionHM {padding:15px; line-height:24px; height:auto; text-align:center; background:#fff; margin-bottom:10px; border:1px solid #dedede; text-align:center;}
.art-descriptionHM .imagediv {height:auto;; margin-bottom:10px; background:#fff;}
.art-descriptionHM img {display:inline; margin:0 auto;}
.articlebrowse {line-height:36px;}
.morelink {line-height:50px;}
}

@media  (min-width: 768px) and (max-width: 991.98px) {
.articleshome {}
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#8b9dc3; font-size:16px;}
.art-description {padding:15px; line-height:24px; height:440px; background:#f5f5f5; border:5px solid #fff;}
.art-description img {max-height:180px;}
.art-descriptionHM {padding:15px; line-height:24px; text-align:left; width:32%; margin-right:10px; margin-bottom:10px; border:1px solid #dedede; height:510px;}
.art-descriptionHM .imagediv {min-height:150px; margin-bottom:10px; background:#fff; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.art-descriptionHM img {margin:0 auto; max-height:150px;}
.articlebrowse {line-height:30px;}
.morelink {padding-bottom:15px; float:right;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#8b9dc3; font-size:16px;}
.art-description {padding:15px; line-height:24px; height:440px; background:#f5f5f5; border:5px solid #fff;}
.art-description img {max-height:180px;}
.art-descriptionHM {padding:15px; line-height:24px; text-align:left; width:32%; margin-right:10px; margin-bottom:10px; border:1px solid #dedede; height:500px;}
.art-descriptionHM .imagediv {min-height:200px; margin-bottom:10px; background:#fff; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.art-descriptionHM img {margin:0 auto; max-height:200px;}
.articlebrowse {line-height:30px;}
.morelink {padding-bottom:15px; float:right;}
}

@media (min-width: 1200px) {
.articlestitle {font-weight:bold; padding:5px 0;}
.articlestitle a {text-decoration:none; color:#8b9dc3; font-size:16px;}
.art-description {padding:15px; line-height:24px; height:440px; background:#f7f7f7; border:5px solid #fff;}
.art-description img {max-height:180px;}
.art-descriptionHM {padding:15px; line-height:24px; text-align:left; width:32%; margin-right:15px; margin-bottom:15px; border:1px solid #dedede; height:510px;}
.art-descriptionHM .imagediv {min-height:250px; margin-bottom:10px; background:#fff; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center;}
.art-descriptionHM img {margin:0 auto;}
.articlebrowse {line-height:30px;}
.morelink {padding-bottom:15px; float:right;}
}
.articlebrowse a {color:#222;}
.morelink a {font-size:18px; text-transform:lowercase; color:#fff;}
.morelink a:link, .morelink a:visited {color:#fff; text-decoration:none;}
.morelink a:active, .morelink a:hover {color:#fff; text-decoration:none;}


/* Article Display Page Styles */
.articleAddThis {padding:10px 0px;}
.articleDate {font-weight:bold; padding:3px 0px;}
.articlePhoto {float:left; padding:10px 10px 10px 0;}
.articlePhoto img {max-width: 100% !important;}
.articleDisplayText {padding:5px 0 5px 15px; line-height:22px;}
.articleSocialIcons {padding:10px 15px;}
.articleDisplay  {margin:0 10px 0 0;}
/*Responsive YouTube - Articles*/
.articleDisplay .video-responsive {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.articleDisplay .video-responsive iframe, .articleDisplay .video-responsive object, .articleDisplay .video-responsive embed {margin:0 auto; position:absolute; top:40px; left:10px; width:98%; height:96%;}
.articleSocialIcons .listingsocialdiv {text-align:left; padding-left:10px; margin:10px 10px -10px 0;}

@media (max-width: 767px) {
    .slides_container {margin:0 auto; text-align:center; width:100%; min-height:220px;}  
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; min-height:220px;}
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; background:#fff; width:100%; min-height:220px; border:none;} 
    .caption {display:none;}  /* Style On Caption Block */
}
@media (min-width: 768px) {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:300px; border:none;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:300px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:300px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
}
@media (min-width: 992px) {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:350px; border:none;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:350px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:350px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
}
@media (min-width: 1200px) {
    .slideShowContainer {z-index:0; margin-left:auto; margin-right:auto; padding:0; width:100%; max-height:500px; border:none;} /* Entire Slideshow Container - BG info should go here */
    .slides_container {margin:0 auto; text-align:center; width:100%; max-height:500px;}  /* Contains the slides only */
    .slide {overflow:hidden; text-align:center; display:block; z-index:0; width:100%; max-height:500px;}  /* Contains only a single slide */
    .caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
              position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
}
.slide img {max-width:100%;} /* prevents the image from being larger than the slide */
.caption {text-align:center; font-size:24px; font-weight:bold; background-color:rgba(255,255,255,0.8); padding:15px 25px 15px 25px; position:relative; 
          position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
.navigationPrevious {display:none;}
.navigationNext {display:none;}

/* Slideshow - Featured Listing */
.slideShowContainerFL {margin-left:auto; margin-right:auto; margin:10px 0; padding:5px; background:#fff; width:auto; height:auto; border:1px solid #ddd;} /* Entire Slideshow Container - BG info should go here */
.slides_containerFL {margin:0 auto; text-align:center;  max-width:450px; max-height:300px;}  /* Contains the slides only */
.slideFL {overflow:hidden; text-align:center; display:block; z-index:0; max-width:450px; max-height:300px;}  /* Contains only a single slide */*/
.slideFL img {} /* prevents the image from being larger than the slide */
.captionFL {font-size:16px; font-weight:bold; background-color:rgba(255,255,255,0.8); text-align:left; padding:5px 25px 5px 25px; position:relative; 
          position:absolute; bottom:0px; width:100%; z-index:100;}  /* Style On Caption Block */
.navigationPreviousFL {z-index:1000; position:absolute; top:40%; left:0; padding:12px 10px; background-color:rgba(255,255,255,0.8);}
.navigationNextFL {z-index:1000; position:absolute; top:40%; right:0; padding:12px 10px; background-color:rgba(255,255,255,0.8);}

/* RSS Input Styles  */
.RSS {background:#fff;}
.RSS .mgpanel-heading {color:#fff; font-family:Oswald; background:#3b5998; border-color:#3b5998; padding:5px 10px 0 10px; border-bottom:1px solid #ccc; font-size:24px;}
  .RSS .mgpanel-heading a:link, .RSS .mgpanel-heading a:visited {color:#fff; text-decoration:none;}
  .RSS .mgpanel-heading a:active, .RSS .mgpanel-heading a:hover {color:#fff; text-decoration:underline;}
.RSS .Content {border:solid 1px #f5f5f5; border-top:none; padding:8px 15px;}
.RSS .Content a {}
  .RSS .Content a:link, .RSS .Content a:visited {color:#337ab7; text-decoration:none;}
  .RSS .Content a:active, .RSS .Content a:hover {color:#555555; text-decoration:underline;}
.RSS .Content ul {list-style-type:none; margin-top:0px; margin-bottom:0px;}
.RSS .Content li {margin:0px 0px 0px -40px; clear:both;}
.RSS .Description {margin-bottom:10px; margin-top:5px; border-bottom:1px solid #f5f5f5; line-height:22px;}
/*.RSS .Description {max-height:200px; overflow:auto; margin-bottom:10px; margin-top:5px;}*/
.RSS .Description img {padding:5px 10px 5px 0;}
.RSS .Open {background:url(../../Images/RSS_Plus.gif) no-repeat; cursor:pointer; display:block; width:18px; height:18px; float:left;}
.RSS .rss-item-title { font-weight:bold; }
.RSS .Close {background:url(../../Images/RSS_Minus.gif) no-repeat; cursor:pointer; display:block; width:18px; height:18px; float:left;}

/* AJAX Pop-up Calendar (full style definition located in App_Themes folder) */
.AJAXcalendar td {padding:0 !important;}
.AJAXcalendar .ajax__calendar_container {background:#fff; border:solid 1px #000; font-family:arial,helvetica,clean,sans-serif; cursor:default; width:205px; text-align:center; padding:0px;}
.AJAXcalendar .ajax__calendar_body {height:140px; width:205px; position:relative; overflow:hidden; z-index:10000;}
.AJAXcalendar .ajax__calendar_days, .radcalendar .ajax__calendar_months, .radcalendar .ajax__calendar_years {top:0px; left:0px; height:140px; width:195px; padding:5px; position:absolute; text-align:center;}
.AJAXcalendar .ajax__calendar_days table {border-spacing:0; border-collapse:collapse; text-align:center;}
.AJAXcalendar .ajax__calendar_header {padding-top:4px; background:#013048; height:21px;}
.AJAXcalendar .ajax__calendar_prev {margin-left:8px; margin-top:3px; display:block; cursor:pointer; float:left; background:url(../../Images/AJAXcalendar_prev.gif) no-repeat;}
.AJAXcalendar .ajax__calendar_next {margin-top:2px; margin-right:0px; display:block; cursor:pointer; float:right; background:url(../../Images/AJAXcalendar_next.gif) no-repeat;}
.AJAXcalendar .ajax__calendar_title {cursor:pointer; text-align:center; font-weight:bold; color:#fff; font-family:Arial;}
.AJAXcalendar .ajax__calendar_footer, .radcalendar .ajax__calendar_today {border-top:solid 1px #a6a6a6; padding:3px; font-weight:bold;}
.AJAXcalendar .ajax__calendar_dayname {padding-left:3px; padding-right:3px; margin-bottom:5px; margin-left:2px; margin-right:2px; text-align:center; font-weight:bold; color:#000; border-bottom:solid 1px #a6a6a6;}
.AJAXcalendar .ajax__calendar_day, .radcalendar .ajax__calendar_month, .radcalendar .ajax__calendar_year {padding:0px; color:#000; text-align:center; padding:0pt 2px;}
.AJAXcalendar .ajax__calendar_hover .ajax__calendar_day, .radcalendar .ajax__calendar_hover .ajax__calendar_month, .radcalendar .ajax__calendar_hover .ajax__calendar_year {color:#06c;}
.AJAXcalendar .ajax__calendar_other .ajax__calendar_day, .radcalendar .ajax__calendar_other .ajax__calendar_year {color:#a6a6a6;}
.AJAXcalendar .ajax__calendar_active .ajax__calendar_day {color:#06c;}