/*a {text-decoration:none;}*/
.aCaption { font-style: italic; padding-bottom: 15px; }
.aGallery { display: block; }
.aImage { display: block; max-width: 100%; padding: 0 0px; margin: 0 auto;}
.adCaption { font-size: 0.9em; color: #555; margin-top: 0.5em; }
.adFigure { text-align: center; float: none; padding: 10px; margin: 0px 0px 0px 0px; border: 1px solid #808080;}
.archiveComments {background-color: #fcf4e5; padding: 10px 20px;}
.authorlink {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-style:italic; color:gray; font-size: small; text-align: center;}
.bg {background-color:#FFF;}
body {max-width: 100%; background-color:#FFF; margin-bottom:12px;}
.boldblue {font-weight:bold; color: #00F}
.boldgold {font-weight:bold; color: #950}
.boldgreen {font-weight:bold; color: #090;}
.boldpurple {font-weight:bold; color: #A41DE9;}
.boldred {font-weight:bold; color: #F00;}
.botnav {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-size: 16px; font-style: normal; overflow: hidden; background-color: #0d195e; margin: 10px 0px;}
.botnav ul li {list-style-type: none; padding: 5px 10px; max-width: 100%;}
.botnav ul li a {display: block; text-decoration: none; color: #FFF; padding: 10px 10px; margin: 5px; text-align: center;}
.browndrama { font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 28px; text-align: center; font-style: italic; color: #950; font-weight: 600; line-height: 1.5;}
.chat-bubble {border-style: solid; border-radius: 10px; max-width: 400px; padding: 10px; line-height: 1.25; background-color: #e6e3e3; height:auto }
.chat-reply {text-align: right;}
.chat-reply-name {font-style:italic; color:gray; font-size: small;}
.chat-reply-text {background-color:rgba(247, 188, 27, 1.0); padding: 5px 15px 5px 15px; border-radius: 10px; width: 75%; margin-left:auto; margin-right: 0; margin-bottom: 6px;}
.chat-sender { text-align: left;}
.chat-sender-name {font-style:italic; color:gray; font-size: small;}
.chat-sender-text {background-color: rgba(0, 122, 253, 0.5); padding: 5px 15px 5px 15px; border-radius: 10px; width: 75%; margin-left:0; margin-right: auto; margin-bottom: 6px;}
.colL {background-color: #D4D4D4; width: 70%; margin-bottom: 3px;}
.colLHeader {background-color: #A41DE9; width: 70%;	margin-bottom: 3px;	color: #FFF; font-weight: bold;}
.colL, .colLHeader, .colR, .colRHeader, .colRHR-lt {padding: 5px 10px; 	display: inline-block;}
.colR, .colRHR-lt {background-color: #FDF998;	text-align: right;	width: 12%;	margin-bottom: 3px;}
.colRHR-lt {text-decoration: line-through;}
.colRHeader {background-color: #55037F; text-align: right; width: 12%; color: #FFF; font-weight: bold;}
.credits {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; background-color: #F4CF0D; font-size: 12pt; padding: 10px; text-align: center;}
div#categories a {padding: 4px 8px; background-color: brown; color: white; margin: 5px; line-height: 2;}
div.faqindex ul li {padding: 8px 0; line-height: 1.25; margin-left: -20px;}
div.sitemap ul li {padding: 8px 0; line-height: 1.25; margin-left: -30px; list-style-type: none;}
.dropmenu {overflow: hidden; padding: 5px; margin: 10px;}
.dropmenu .dropbutt {text-align: left; min-width: 30%; font-size: 16px; border: none; outline: none; color: white; padding: 5px 10px; margin: 0; background-color: inherit; font-family: inherit; }
.dropmenu .dropbutt a {padding: unset; margin: 0; min-width: 40%; }
.dropmenu .dropbutt a:hover {background-color: #F4CF0D; color: black;}
.dropcont {display: none; position: absolute; background-color: rgb(50, 95, 192); color: white; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropcont a {float: none; color: inherit; padding: 5px 5px; margin-top: 5px; text-decoration: none; display: block; text-align: left; }
.dropcont a:hover {background-color: #F4CF0D; color: black;}
.dropmenu .dropbutt:hover {background-color: #F4CF0D; color: black;}
.dropmenu:hover .dropcont {display: inline-block; }
.embedtool {position: relative;height: 0;padding-top: 56%;overflow: hidden;max-width: 100%;} 
.embedtool iframe, .embedtool object, .embedtool embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.embedtool .fluid-vids {position: initial !important}
.faqA { padding: 0px 0px; background-color: white; display: block; overflow: hidden; }
.faqQ {font-size: inherit; font-family: inherit; font-weight: 700; color: #222; text-decoration: none;  cursor: pointer; transition: 0.2s; }
.active, .faqQ:hover { color: blue; }
.faqS { font-size: 18px; font-weight: 600; text-decoration: none; margin: 8px 0px; padding: 6px 15px; width: auto; color: white; background-color: rgb(255, 145, 0)}
.fauxh4 {font-size: 16px; font-weight: 700; color: #222; text-decoration: none; padding: 3px 15px; width: 65%; width: auto; background-color: rgba(247, 188, 27, 0.575);}
.figcenter, .figright {display:inline-table; font-size: 16px; font-style: italic;}
.flexrow {display: flex; flex-wrap: wrap; padding: 0 4px;}
.flexcolumn {flex: 100%; max-width: 100%; padding: 0 4px;}
.flexcolumn img {margin-top: 8px; vertical-align: middle; width: 100%;}
.g400 { text-align: center; display: inline-block; padding: 8px; margin: 0px 8px 6px 0px;}
.gLink { text-align: center; display: inline-block; background-color: #f3fcfd; padding: 8px; margin: 0px 8px 12px 0px; border: 1px solid #D4D4D4;}
h1 {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-size: 24px; letter-spacing: 1px; font-weight: 500; color: #FC0; text-align: center; background-color: #1f1f1f ; text-decoration: none;  padding: 5px 5px 10px; margin: 10px 0px;}
h2 {font-size: 20px; font-weight: 500; color: #FFF; text-decoration: none; font-style: normal; background-color: #0d195e;; padding: 10px 15px; width: auto;}
h3 {font-size: 18px; font-weight: 600; color: #222; text-decoration: none; padding: 6px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; background-color: rgb(192, 244, 253);}
h4 {font-size: 16px; font-weight: 700; color: #222; text-decoration: none; padding: 3px 15px; width: 65%; width: auto; background-color: rgba(247, 188, 27, 0.575);}
img {max-width: 100%; height: auto;}
.imgCaption {display: table-caption; caption-side: bottom; text-align: center; font-size: 0.85em; font-style: italic; color: #060;}
.imgcenter {text-align: center; margin: 12px auto; display: block; max-width: 100%}
.imgcenter a {font-weight: 600}
.imgrightmargin {margin: 12px auto; display: block; max-width: 100%}
.links {display: none; }
.italicgreen {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-style:italic; color:#008000; font-size: smaller;}
main, footer, .treatment-intro {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000; text-align: left; line-height: 1.5;}
main ul li {margin-left: -20px;}
.menuicon {display:block; padding: 15px}
nav {font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-size: 16px; font-style: normal; overflow: hidden; background-color: #0d195e; margin: 10px 0px;}
nav.topnav ul {padding: 0px; display: none;}
nav ul li {list-style-type: none; padding: 5px 10px; max-width: 100%;}
nav ul li a {display: block; text-decoration: none; color: #FFF; padding: 10px 10px; margin: 5px;}
nav ul li a.curr {background-color: #93C; }
nav.topnav ul li a.sticky {text-decoration: none; font-size: 16px; background-color: #950;	color: #FFF; max-width: 100%;}
.player { aspect-ratio: 16/9; width: 100%; padding: 10px 0 }
/*nav ul li a:hover {background-color: rgb(62, 104, 194); color: black;}*/
.return a {text-decoration:none;}
.rCaption { font-size: 0.85em; font-style: italic;}
.rLink { text-align: center; display: inline-block; background-color: #fcf4e5; padding: 8px; margin: 0px 8px 12px 0px; border: 1px solid #D4D4D4;}
.supp {background-color: rgb(250, 250, 200); font-family: "Century Gothic", "Helvetica", "Tahoma", "Lucida Sans", sans-serif; font-size: 16px; font-style: italic; font-weight: normal; color: #1d1d1d; text-align: left; line-height: 1.5; padding: 6px 12px;}
.tablestripe {background-color: bisque; }
th, td {padding: 10px; vertical-align: middle;} 
thead.price-header {background-color: #1089ec; color: #FFF; font-weight: bold; }
tr.row1 td {border-bottom: #db9b10 1px solid;}
tr.row1 td.combo {text-align: center; font-weight: 700; background-color: blue ;color: yellow;}
tr.row1 td.cross {text-align: center; font-weight: 700; background-color: green ;color: yellow;}
tr.row2 td {border-bottom: #db9b10 1px solid; background-color: #fcf4e5; }
tr.row2 td.combo {text-align: center; font-weight: 700; background-color: blue ;color: yellow;}
tr.row2 td.cross {text-align: center; font-weight: 700; background-color: green ;color: yellow;}

@-ms-viewport {width: device-width;}
@media screen and (min-width: 768px) and (max-width: 1260px) {

  .adFigure { float: right; margin: 0 0 1em 1em; }
  .authorbutt {width: 35%;}
  body {max-width: 1200px; margin: 0 auto 24px auto; padding: 0px 24px;}
  .chat-bubble {max-width: 600px; margin-left:auto; margin-right:auto; }
  div.faqindex ul li {padding: 0; line-height: 1.75; margin-left: -10px;}
  .dropmenu {overflow: hidden; padding: 5px; }
  .dropmenu .dropbutt {text-align: center; font-size: 16px; border: none; outline: none; color: white; background-color: inherit; font-family: inherit; padding: 0px 5px; margin: 0; vertical-align: top;}
  .dropmenu .dropbutt a {padding: 0; margin: 0;  }
  .dropcont {display: none; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
  .dropcont a {float: none; color: inherit; padding: 5px 5px; margin-top: 5px; text-decoration: none; display: block; text-align: left; }
  .dropmenu:hover .dropcont {display: block; }
  .dropno {color: white}
  .faqS:hover { color: #333; background-color: rgb(255, 255, 163) }
  .figright { max-width: 50%; float: right; background-color: unset; margin: 10px 0px 10px 25px; }
  .flexcolumn {flex: 40%; max-width: 50%; padding: 0 4px; }
  footer {max-width: 75%; font-size: 18px; margin:auto}
  h1 {font-size: 28px; letter-spacing: 2px; margin: 20px 0px;}
  .imgrightmargin {float: right; margin: 0 0 5px 10px; top: 0px; bottom: 0px; max-width: 100%}
  main, .treatment-intro  {max-width: 75%; font-size: 18px; margin: 20px auto}
  main ul li {margin-left: -10px;}
  .menuicon {display: none;}
  nav {margin: 20px 0px;}
  nav.topnav {overflow: visible; padding: 10px 0px 2px;}
  nav.topnav ul {display: block;}
  nav ul {text-align: center; margin: 5px 5px; display: block;}
  nav ul li {display: inline-block; vertical-align: middle; padding: 0; margin: 0;}
  nav ul li a {max-width: 100%;}
  nav ul li a.curr {background-color: #93C;  color: #FFF; max-width: 100%;}
  nav ul li a.sticky {background-color: inherit; color: white; max-width: 100%;}
  .supp {max-width: 85%; font-size: 18px; margin:auto}
}

@-ms-viewport {width: device-width;}
@media screen and (min-width: 1261px){

  .adFigure { float: right; margin: 0 0 1em 1em; }
  .authorbutt {width: 25%;}
  body {max-width: 1200px; margin: 10px auto; padding: 16px 20px; background-image:url("https://manthing.com.au/images/sand05.webp");}
  .chat-bubble {max-width: 600px; margin-left:auto; margin-right:auto; }
  div.faqindex ul li {padding: 0; line-height: 1.75; margin-left: -10px;}
  .dropmenu {overflow: hidden; padding: 5px; }
  .dropmenu .dropbutt {text-align: center; font-size: 16px; border: none; outline: none; color: white; background-color: inherit; font-family: inherit; padding: 0px 5px; margin: 0; vertical-align: top;}
  .dropmenu .dropbutt a {padding: 0; margin: 0;  }
  .dropcont {display: none; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
  .dropcont a {float: none; color: inherit; padding: 5px 5px; margin-top: 5px; text-decoration: none; display: block; text-align: left; }
  .dropmenu:hover .dropcont {display: block; }
  .faqS:hover { color: #333; background-color: rgb(255, 255, 163) }
  .flexcolumn {flex: 40%; max-width: 50%; padding: 0 4px;}
  .figright { max-width: 50%; float: right; background-color: unset; margin: 10px 0px 10px 25px; }
  footer {padding-bottom: 1px; font-size: 18px; margin: auto; max-width: 75%;}
  footer nav {overflow: visible; padding: 10px 0px 10px; max-width: 1200px; margin: 20px auto;}
  h1 {font-size: 28px; letter-spacing: 2px; margin: 0px auto 20px auto; max-width: 1190px;}
  header {display: block; padding-top: 20px;}
  header a img {display: block; margin: auto;}
  .imgrightmargin {float: right; margin: 0 0 5px 10px; top: 0px; bottom: 0px; max-width: 100%}
  main, .treatment-intro  {max-width: 75%; font-size: 18px; margin:20px auto;}
  main ul li {margin-left: -10px;}
  .menuicon {display: none;}
  nav {margin: 16px 0px;}
  nav.topnav {overflow: visible; padding: 10px 5px 2px; max-width: 1200px; margin: 20px auto}
  nav.topnav ul {display: block;}
  nav ul {text-align: center; margin: 5px 5px; display: block;}
  nav ul li {display: inline-block; vertical-align: middle; padding: 0; margin: 0;}
  nav ul li a {max-width: 100%;}
  nav ul li a.curr {background-color: #93C;  color: #FFF; max-width: 100%;}
  nav ul li a.sticky {background-color: inherit; color: white; max-width: 100%;}
  .supp {max-width: 75%; font-size: 18px; margin:auto;}
}