/* ############################################################

Name: user.css
Desc: CSS for Customer Area
Version: files_20170914TZs

Color scheme:

base colours
------------------------------
dark gray:			#333333
light gray:			#999999
light gray text:	#999999
dark red:			#a3171f

background:			#f8f8f8


feedbacks / AJAX
------------------------------
ok/info:        #00825A (bright GREEN)
general:        #00825A (bright GREEN)
error:          #FF0000 (red)
warning:        #AA000E (crimson)
notice:         #FF6600 (orange)

Info:

This CSS file is processed by the wysiwygcss.php file for use within the WYSIWYG editors. The wysiwygcss.php file
strips any references to the div.content <div> as well as rewrites URLs to images. By doing this, changes to
this CSS file shall be automatically updated in the CSS file generated by wysiwygcss.php for use within the
WYSIWYG editors.

Should there be a line of CSS within this file that you do not wish to include within the CSS file generated for
the WYSIWYG editors, simply add the following text to the end of the line:

##NO WYSIWYG##

(c) Areanet Pty. Ltd. All Rights Reserved. ABN: 84 114 634 561 */

/*importing fonts - these won't always work w/o a full url */
@import url("/templates/user/style/normalize.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');   /* Lato */
@import url("https://use.typekit.net/bsg7nwx.css");  /* Adobe Garamond */

/*
Garamond example
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
*/

* {
	padding: 0;
	margin: 0;
}

.red {color: #a3171f}
.gray {color: #adadad}
.black {color: #222}
.white {color:#fff;}

/*########################################################## */

/* WYSIWYG common CSS - this section must be sync'd with wysiwyg.css  */

/* ########################################################## */

/* General */
/* lists */
li {list-style: none;}



/* common definitions */
/*	clear float
use instead of div-clear or br-clear */
.cf:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size: 0;} .cf{display:inline-block} html[xmlns] .cf{display:block} * html .cf{height:1%}

.left, .fl { float: left; }
.right, .fr { float: right; }
.clear { clear:both; }
.clearleft, .cl { clear:left; }
.clearright, .cr { clear:right; }

.bold { font-weight: bold; }
.italic {font-style: italic;}

/* Alignment */
.c, .center { text-align: center !important; }
.l { text-align: left !important; }
.r { text-align: right !important; }
.mid {vertical-align: middle !important;}

.flex {
	display: flex;
}

/* paadings & margins */
.mt0 {
	margin-top: 0 !important;
}
.mt15 {
	margin-top: 1.5em !important;
}
.row.neg-margin-top-2em {
	margin-top: -2em !important;
}
.row.neg-margin-top-3em {
	margin-top: -3em !important;
}
.neg-margin-top-2em {
	margin-top: -2em !important;
}
.neg-margin-top-3em {
	margin-top: -3em !important;
}
.pb30 {
	padding-bottom: 3em !important;
}
/* Body */
body {
	background-color: #fff; /* ##NO WYSIWYG## */
	color: #6A6A6A;
	font: 1em/1.625em "Lato", Arial, Helvetica, sans-serif;
}
body.no-background {
	background-image: none;
}

/* Paragraphs */
p {
	margin: 15px 0;
	font-size: 1em;
}
pre {font-family:monospace;line-height:16px;margin:5px 0;}


/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
	color:#000;
}

h1, h1 a {
	font-size: 2.5rem;
	text-align: center;
}
h2, h2 a {
	font-size: 2.5rem;
	text-align: center;
}
h3, h3 a {
	font-size: 1.5rem;
	margin: 1em 0;
	text-align: center;
}
h4, h4 a {
	font-size: 1.25rem;
}
h2.framed-text a {
	color: #fff;
}
h3.tab {
	margin: 0;
}
.subtab-title:not(:first-child) h3 {
    text-align: left;
}
div.grey-stripe h2 {
	margin:1em 0 0.3em 0;
}

img {
	border: 0;
}
img.manageClass {
	position: absolute;
	top:0;
	left:0;
}


iframe {
	border:1px solid #ccc;
}
.showroomMap {
	margin-top: 2em;
}

/* General links - everywhere */
a {color: #a3171f; text-decoration:none;}
a:hover {}

.req_vis { display:inline; }
.req_invis { display:none; }

/* inputs and textareas - these need to sync with the FormElements tpls */
/* Inputs */
input, textarea, option, select {
	line-height:2em;
}
input, textarea, select {
	outline: none;
	border: 1px solid transparent;
	border-bottom: 1px solid #a3171f;
}
textarea {
	border-right: 1px solid #a3171f;
}
input[type="checkbox"], input[type="radio"] {
	margin-right: 5px;
	vertical-align: middle;
	appearance: none;
}
.checkbox-title {
	padding-bottom: .25em;
}
.checkbox-container {
	padding-left: 1em;
}
.checkbox-container label {
	margin-right: 1em;
	white-space: nowrap;
	line-height: 1.75em;
}

option { border: 0 none; padding-right:1em; } /* this hax firefox into making the select wide enough for the widest element to be fully visible */
input.long, select.long {width:300px;}
select {
	width: 280px;
	color: #6a6a6a;
	height: 2em;
	background-color: transparent;
	appearance: none;
}
.right-col select {
	width: 100%;
	padding-right: 3em;
}
input.normal, select.normal, input#bookingdate {
	width: 280px;
	color: inherit;
	margin: 0;
	box-sizing: border-box;
}
input.short, select.short {width:75px;}
input.vshort {width:50px;}
input.datetime {width:280px;}
.vstextarea{width:170px; height:50px;}
.stextarea {width:280px; height:80px;}
.row .stextarea {width: 100%; box-sizing: border-box;}
.ltextarea {width:100%; height:200px;}
.txcodebox {width:300px; height:100px; background-color:#E9E9E9;font-family: monospace;}
select.mselect {height: 200px;}
.custom-select-arrow {
	position: relative;
}
.custom-select-arrow:after {
	content: "";
	position: absolute;
	top: 0;
	right: 1rem;
	border: 1px solid #a3171f;
	width: 1em;
	height: 1em;
	rotate: 45deg;
	border-width: 0 1px 1px 0;
	pointer-events: none;
}
.custom-select-arrow.date-select {
	display: inline-block;
	width: 15%;
	min-width: 7.5em;
}

input[type='checkbox'], input[type='radio'] {
	appearance: none;
	margin-right: .5em;
	margin-left: .2em;
	width: 1.25rem;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	border-width: 2px;
	border-radius: 3px;
	position: relative;
	vertical-align: middle;
	border: 1px solid #a3171f;
}
input[type="radio"] {
	border-radius: .6125rem;
}
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
	content: "";
	position: absolute;
	height: 10px;
	width: 5px;
	rotate: 37.5deg;
	background-color: transparent;
	border-width: 0 3px 3px 0;
	top: 1px;
	left: 5px;
}
input[type="radio"]:checked:before {
	height: 0.75rem;
	width: 0.75rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	rotate: unset;
	border-radius: 0.375rem;
}
input[type='checkbox']:disabled, input[type='radio']:disabled {
	cursor: no-drop;
}
input[type="checkbox"]:checked:before {
	background-color: transparent;
	border: 3px solid #a3171f;
	border-width: 0 3px 3px 0;
}
.flex input[type="checkbox"] {
	margin-left: 0;
}
input[type="radio"]:checked:before {
	background-color: #a3171f;
}
input[type="checkbox"]:disabled, input[type="radio"]:disabled
	input[type="checkbox"]:disabled:checked, input[type="radio"]:disabled:checked {
	border-color: #ddd;
}
input[type="checkbox"]:disabled:checked:before {
	border-color: #bbb;
}
input[type="radio"]:disabled:checked:before {
	background-color: #bbb;
}

.captcha-img, .size1of2 img.captcha-img { /* redefine captcha max size */
	max-width: 144px;
}
.captcha-text {
	font-size: .8125em;
	padding: 0 0 1em;
}
.captcha-input, .captcha-refresh {
	margin-top: 1em;
}
.captcha-refresh {
	padding-left: 1em;
}

div.fullHelp {display:none;}
span.helptag {cursor: default;}
.helptag {
	background: url('../images/system/help_mini.png') no-repeat center center;
	display:inline-block;
	height:15px;
	width: 15px;
	cursor:pointer;
	text-decoration: none !important;
	border:none;
}


/* table */
table td {vertical-align: top;}

.column {
	float: left;
	margin-bottom: 50px;
	width: 720px;
}

/* shop menu */
.column-a {
	border-left: 1px solid #ddd;
	float: right;
	padding-left: 15px;
    box-sizing: content-box;
    width: 250px;
}
/*left column defs*/
.side-button {
	margin-bottom: 8px;
}
.column-a .box {
	margin-bottom: 12px;
	padding: 15px 0;
	z-index:10;
	border-top: 3px solid #a3171f;
}
.column-a .box h2 {
	font-size: 20px;
	background-image: none;
	padding-bottom: 0;
}
.box  h2 a {
	background-image: none;
	font-size: 1.75rem;
	padding-bottom: 0;
}
.column-a .box .smallgray {
	font-size: 12px;
	color: #222;
}

.inner-box {
	margin: 0 0 35px;
	padding: 8px 0 6px;
	color: #000;
}
.column-a a.button {
	width: 100%;
	font-size: .79em;
}
.column-a a.exbutton {
	color: #fff;
	background-color: #a3171f;
}
.column-a .remove a.exbutton {
	width: 20px;
	display: inline-block;
	border-radius: 4px;
}

/* button */
button, input[type="button"], input[type="submit"], a.button{
	font: 1.125rem/30px Lato, sans-serif;
	cursor: pointer;
	height: 30px;
	width: 180px;
	padding: 0 0 2px;
	border-bottom: 2px solid #a3171f;
	color: #000;
	transition: background-color .2s, color .2s, border-color .2s;
	text-transform: lowercase;
	background-color: transparent;
	cursor: pointer;
}
input[type="submit"] {
	font: 1em/30px Lato, Arial, Helvetica, sans-serif;
}

.push-button.gray {
	background-color: #adadad;
}

/* link button */
a.button {
	box-sizing: border-box;
	width: inherit;
	text-align: center;
}
a.button:hover {
	color: #a3171f;
}
a.button.quart {
	margin-bottom: 1em;
}
.button-container {
	text-align: center;
	margin-bottom: 1.5em;
	clear:both;
}
.button-container a.button:not(:last-child) {
	margin-right: 1em;
}
.video  {
	width: 100%;
}
.video a.button {
	margin-bottom: .75em;
}
.main-image.video a.button {
	color: #fff;
}
.promo-image {
	 max-width: 575px;
	 width: 100%;
}

/* User feedback, errors, warnings and info highlights  */
.feedback-holder {margin:-50px 0 30px 0;z-index:100;position:relative;top:20px;}
.feedback {font-size:1em;margin:40px 0 30px 0;padding:5px;text-align:center;font-family: Lato, Arial, Helvetica, sans-serif !important; clear: both;}  /* do not define the color here without background */
.actionok {background-color:#00825A; color:#FFF; }
.general {background-color:#00825A; color:#FFF; }
.error {background-color:#FF0000; color:#FFF; }
.warning {background-color:#AA000E; color:#FFF; }
.yellowarning {background-color:yellow; color:black; }
.notice {background-color:#FF6600; color:#FFF; }
.cartwarning { background-color:#AA000E; color:#FFF; font-size: 0.8em; margin-bottom: 10px;}

.feedback a {color: #FFF; text-decoration:underline;}

/* the main divs holding the entire design */
.centering {width:990px; margin:0 auto;position: relative;}

/****************************************************************************************/
/*   header and its content: top menu, login, main image, logo, some text and buttons   */
/****************************************************************************************/

.header {
	width: 100%;
	padding: 1.5em 0 2em;
	z-index: 1;
	position: relative;
}
.header.video {
	position: absolute;
}
.header .social-icons {
	margin-top: -2px;
	float: right;
	width: initial;
	height: 32px;
	clear:none;
	padding: 0;
}

/* the menu */
.top-menu {
	height: 40px;
	z-index: 1;
}
.top-menu > * {
	z-index: 1;
	position: relative;
}
.top-menu .transparent {
	height: 40px;
	width: 990px;
	background-color: #000;
	opacity: 0.6;
	position: absolute;
}
.top-menu a {
	color: #000;
	font: normal 1.125rem "adobe-garamond-pro", serif;
}
.header.video .top-menu a {
	color: #fff;
}
.header.video .mobile-menu a {
	color: #6a6a6a;
}
.top-menu .delimiter {
	display: none;
}
.top-menu .menu {
	float: right;
	margin-bottom: 16px;
}
.mobile-menu-opener {
	display: none;
	float: right;
	margin-right: 1em;
	cursor: pointer;
	width: 24px;
	height: 24px;
	background: transparent url(../images/design/hamburger.svg) no-repeat scroll right top ;
	z-index: 2;
}
.header.video .mobile-menu-opener {
	background: transparent url(../images/design/hamburger_white.svg) no-repeat scroll right top ;
}
.top-menu .mobile-menu {
	display: none;
	width: 25%;
	min-width: 120px;
	position: absolute;
	top: -.5em;
	right: .5em;
	background-color: #fff;
	border: 1px solid #f1efe9;
	padding: 1em 0;
}

.top-menu .menuline, .top-menu .menuline ul {float: right; margin: 0; padding: 0;}
.top-menu .menu ul.level1, .top-menu .mobile-menu ul.level1 {display:none;}
.top-menu .menu ul.level2, .top-menu .mobile-menu .menu ul.level2 {display:none;}
.menu .login {
	float: right;
	padding-left: 1.2em;
	padding-top: .0625em;
	z-index: 10;
}

.top-menu li {
	float: left;
	margin-left: 10px;
}
.centering .top-menu li {
	background-image: none;
	padding-left: 1.2em;
	margin: 0;
}
.centering .top-menu li:first-child {
	padding-left: 0;
}
.top-menu .menu-home {
	float: right;
}

.top-menu .login a {
	margin-right: 0;
	padding: 0;
}
#login-layer td{
	font: .72em Lato, Arial, Helvetica, sans-serif;
}
#login-layer input[type="submit"] {
	font-size: 1.125em;
}

.top-menu .mobile-menu .menu-home, .centering .top-menu .mobile-menu li, .top-menu .mobile-menu .login{
	float: none;
	padding-left: 1.2em;
	margin-top: .4em;
}
.top-menu .mobile-menu .menuline, .top-menu .mobile-menu .menuline ul {float: none;}


/* header */
.header .logo {
	float: left;
	width: 125px;
	height: 75px;
	background: transparent url('../images/design/logo.svg') no-repeat scroll center center;
	background-size: cover;
	text-indent: -10000px;
	overflow: hidden;
}
.header.video .logo {
	background: transparent url('../images/design/logo_white.svg') no-repeat scroll center center;
	background-size: cover;
}
.header .phone {
	color: #fff !important;
	font: 700 1.2em Lato,"Arial Narrow",Arial,Helvetica,sans-serif;
	height: 30px;
	left: 30px;
	position: absolute;
	text-align: center;
	top: 350px;
	width: 205px;
	z-index:20;
}
.header .phone-bg {
	height: 30px;
	left: 30px;
	position: absolute;
	top: 350px;
	width: 205px;
	background-color: #000;
	opacity: 0.75;
	border-radius: 3px;
	z-index:10;
}

.main-image {
	z-index: 0;
	width: 100%;
	margin: 0 auto;
	position: relative;
	/* max-height: 700px; */
	overflow: hidden;
}
.video-banner {
	width: 100%;
	aspect-ratio: auto;
}
.main-image h1, .main-image h2 {
	text-shadow: 0px 0px 3px #000;
	color: #fff;
}
.main-image h1, .main-image h2 {
	position: absolute;
		top: 5%;
		width: 100%;
}
h1 .big-font {
	font-size: 2em;
}
.main-image-text, .main-image-fade {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.brick.main-image-text {
	height: initial;
	top:50%;
	transform: translateY(-50%);
}
.main-image-fade {
	opacity: 0;
	background-color: #fff;
	/*transition: opacity .5s;*/
}
.main-image:hover .main-image-fade {
	opacity: 0;
}
.main-image h2.framed-text {
	width: 60%;
	margin-left: 20%;
	box-sizing: border-box;
	border: .05em solid #fff;
	padding: .5em;
	border-radius: 5px;
}
.overlay {
	font-family: Garamond, serif;
	font-weight: 400;
	line-height: 1em;
}
.overlay.primary {
	font-size: 2.5rem;
}
.overlay.secondary {
	font-size: 1.5rem;
}

.header-buttons {
	position: relative;
	float: right;
	clear: right;
}
.header .appointment {
	width: calc(100% - 40px);
	display: flex;
	text-align: center;
}
.header a.button {
	margin: 0 0 0 1em;
	width: fit-content;
	white-space: nowrap;
}
.header.video a.button {
	color: #fff;
}
.header.video a.button:hover {
	color: #a3171f;
}
.appointment img {
	height: 30px;
	width: auto;
	vertical-align: middle;
	margin-left: .75em;
}
.banner-social-icons-holder {
	display: inline-block;
	height: 30px;
		margin: 5px 0 0 20px;
}
.banner-social-icons-holder a {
	display: block;
	height: 30px;
	float: left;
}

a.google-plus {
	width: 30px;
	height: 30px;
	margin-right: 15px;
}
a.fb-like {
	background: url("../images/design/facebook-long-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	padding: 5px 5px 0 0;
	text-align: right;
	width: 113px;
	height: 25px;
}

/* end of header related definitions*/


/****************/
/*  user menu   */
/****************/
.member-menu-container {
	padding: 30px 0;
	background-color: #e8f3ff;
}
.member-menu {
	width:960px;
	margin: 0 auto;
	position: relative;
	font: 0.75em "adobe-garamond-pro", serif;
	text-transform: capitalize;
	padding-left: 30px;
}
.member-menu li {
	float:left;
	margin-right: 20px;
	background-image: none;
}
.centering .member-menu li {
	background-image: none;
	padding: 0 15px 0 0;
}
.member-menu .quickLinks-major {
	position: absolute;
	width:11px;
	top: 0;
	left: -20px;
}
.member-menu .quickLinks-minor  {
	display: inline-block;
	margin-left: 3px;
	border: 1px solid #ddd;
}
.member-menu .activeMenuQuickLink {
	background-color: transparent;
	clear: both;
}

/*footer related content*/

.footer-top p {
	margin: 3px 0;
}
/*page bottom */
.red-stripe {
	background-color: #a41920;
	padding: 15px 0;
	color: #fff;
	margin-top: 2.5em;
}
.red-stripe table {
	width: 100%;
}
.red-stripe .text {
	width: 29%;
	padding: 20px 30px 0 0;
	vertical-align: top;
}
.red-stripe h4 a {
	font-size: 1em;
}
.red-stripe .text h4{
	background: transparent url('../images/design/5_stars.png') no-repeat scroll left center;
	padding-left: 82px;
}
.red-stripe p {
	margin-top: 8px;
	font-size: 1rem;
	line-height: 1em;
}
.red-stripe a {
	color: #fff;
}

/* foot */
.foot {
	background-color: #000;
	clear: both;
	padding: 30px 0 40px;
	border-bottom:10px solid #212121;
	width: 100%;
}
.foot iframe {
	border: none;
}
.foot h3 {
	color: #fff;
}
.foot p a {
	font-size: 0.89em;
}
.foot .menu h3 a{
	font-size: 0.9691em;
	margin-left: 0;
}
.foot .menu {
	font: 0.72em Lato, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: capitalize;
	padding: 30px 0;
	margin-left: -10px;
}
.foot .menu ul {
	margin-left: 0;
}
.centering .menu li {
	background: none;
	margin: 0 5px 0 0;
	float: left;
}
.foot .menu a {
	color: #fff;
}
.social-icons {
	width: 13em;
	height: 24px;
	float: right;
}
.social-icons img{
	width: auto;
	height: 100%;
	margin-left: .4em;
}
.foot-details {
	width: 680px;
	color: #999;
	font-size: 11px;
}
.foot-details a {
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
#sysfoot {
	font: 0.8em Platino, Arial, Helvetica, sans-serif;
}


/* content part */

/*carousel*/



/*heading line long gray stripe containing h1 text*/
.head-stripe {
	background-color: #f4f4f4;
	padding: 30px 0;
}
.head-stripe h4 {
	line-height: 1.8em;
}
.head-stripe .button {
	display: block;
}

.section-stripe {
	border-bottom: 1px solid #F4F4F4;
	border-top: 1px solid #F4F4F4;
	margin: 2em;
	padding: 1.5em;
}

/*brick very top content*/
.brick.content-very-top {
	/*margin: 45px 0;*/
	display: inline-block;
	width: 100%;
}
.content-very-top .video {
	display: inline-block;
	width: 100%;
}
.content-very-top h4 {
	/*margin: 35px 0;*/
}
.content-very-top .text {
	width: 280px;
	float: right;
	text-align: center;
	color: #adadad;}
.content-very-top .button {
	display: block;
}

/*brick content main*/
.brick.content-main {
	padding:0 5px;
}

.brick.content-page-end h4 span{
	color:#fff;
	font-size: 1.125em;
}

/* brick content-carousel */
.brick.content-carousel  {
	margin: 10px 0 20px 0;
}

table.buttons {
	margin: 25px 0;
	width: 100%;
}
table.buttons td {
	padding-right: 28px;
	width: 204px;
}
table.two-column-text
{
	margin: 25px 0;
	clear:both;
}
.two-column-text td {
	padding-right: 28px;
	width: 422px;
	vertical-align: top;
}

.two-column-text iframe {
	margin:15px 0;
}

table.tiles {
}
table.tiles td {
	width: 204px;
	padding: 0 28px 28px 0;
}
table.tiles .bottom-line {
	padding-bottom: 0;
}
table.tiles img {
	border: 1px solid #f2f2f2;
}

/* content lists*/
.centering ul, .brick ol, .brick ul {margin-left: 10%;}
.centering .size1of2 ul, .brick .size1of2 ol, .brick .size1of2 ul {margin-left: 3%;}
.centering .size2of3 ul, .brick .size2of3 ol, .brick .size2of3 ul {margin-left: 6%;}
.centering li {margin: 3px 0; padding-left: 15px; background: transparent url('../images/design/dot_point_default.png') no-repeat 0 6px; font-size:1em;}
.centering .stickyVerticalMenu li {background-image: none; padding-left: 0;}
.centering ol li {margin: 0 0 10px 0;list-style-type:decimal;list-style-position:inside;text-indent:-20px;}
.centering li ul, .brick li ol {margin: 5px 0 5px 20px;}
.centering li ul li, .brick li ol li {margin: 0 0 4px 0;}

/* form */
fieldset {
	border: 1px solid #222;
	border-radius: 3px;
	display: inline-block;
	margin: 30px 0;
	padding: 35px;
}

input.quart[type="text"], .input.quart[type="password"] {
	margin: 8px 30px;
	height: 25px;
	line-height: 25px;
}
input.quart[type="button"], input.quart[type="submit"] {
	margin: 8px 30px;
}

/* Admin tabs */
div#maintabbed {

}
.column div#maintabbed {
	/*width: 900px;*/
	margin: 45px auto 0;
}
div.tabcontent {
	padding: 10px 0 30px;
	text-align: center;
	margin-left: -1px;
}

/* Standard admin form */
.adminform {
	margin: 0 auto;
	width: 100%;
}
.adminform .row { height: 30px; padding-top:8px; }
.adminform .left-col {
	padding: 10px 30px 0 0;
	text-align: right;
	text-transform: capitalize;
	vertical-align: top;
	max-width:400px;
}
.inline-title {
	padding-right: 1em;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: top;
	max-width:400px;
	float: left;
	width: 50%;
}
.adminform .right-col {
	border-width: 0 1px 1px 0;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
}
.right-col.help-col {
	font-size: .825em;
	line-height: 2.5ex;
}
.row .box.left-col {
	text-align: right;
	/*font-size: .857em;*/
	padding-top: .3em;
	font-weight:bold;
}
.row .box.right-col {
	text-align: left;
}
.buttonline {
	display: block;
	text-align: center;
	padding: 10px 0 30px;
	margin-top:0;
	width: 899px;
	margin: 0 auto;
}
/*shopping forms*/
.column .buttonline {
	width: 100%;
	border: 0;
}
.buttonline p {
	margin: 0;
	font-size: 1em;
}


.html-checkboxes {
	padding-top: 8px;
}

/* shopping cart definitions*/
.shopping .sub-tab-container table, .sub-tab-container table {
	width: 100%;
}
.shopping .sub-tab-container table .size1of3, .sub-tab-container table .size1of3 {
	width: 60%;
	line-height: 28px;
}
.shopping .sub-tab-container table .size1of2, .sub-tab-container table .size1of2 {
	width: 30%;
}
.shopping .sub-tab-container table .size1of6, .sub-tab-container table .size1of6 {
	width: 0;
}
.shopping .sub-tab-container .box, .sub-tab-container .box {
	padding: 0 2px 1px;
}
.no-input {
	line-height: 25px;
}

/*carousel definitions*/
.carousel-wrapper {
	margin: 20px 0;
	width: 936px;
	position: relative;
}
.carousel {
	padding: 0;
	border:1px solid #F5F5F5;
	white-space: nowrap;
	margin: 25px 0;
	width: 900px;
	height: 330px;
}
.carousel .overview {
	white-space: nowrap;
}
.carousel img {
	background-color: white;
	cursor: pointer;
}
.clearfix {
	float: none;
	clear: both;
}
.carousel div {
	display: inline-block;
	margin-right: 10px;
	position: relative;
}
.carousel div:last-child {
	margin-right: 0;
}
div.pinterest_icon {
	display: block;
	left: 25px;
	position: absolute;
	top: 5px;
}
#bookingdate_trigger {
	vertical-align: middle;
	margin-left: 8px;
}


/*==============================================================
old definitions
not used in 2014 deesign
===============================================================*/


/* <div.content> is the main div holding the content output */
div.content .sig {font-style: italic;padding:5px;color:#565658;line-height: 1.5em;} /* content author's signature */
div.content p.bottom {margin-bottom: 40px;}


/*div.content td strong, div.content th strong {font: 20px BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;}*/

/* Standard admin form */
table.general {margin:10px;border:0;background: none;}
table.general td, table.general th {padding:3px;text-align:left;vertical-align:top;color:black}
/* advanced product */
table.general td.advanced { display:none; }
table.general td.advanced input, table.general td.advanced select { background: gold; }


/* <div.content> for wysiwyg to operations */
div.content {}
div.content .nopadding {padding:0;}
div.content .nomargin {margin:0;}
div.content .topspace {margin:10px 0 0 0;}
div.content .bottomspace {margin:0 0 10px 0;}
div.content .padded {padding:10px;}
div.content .margined {margin:10px;}
.content section.topMargin {
	margin-top: 2em;
}
.content h2 {
	/*font-size: 1.5em;*/
	font-weight: 500;
}
h2.light{
	font-weight: 100;
}
h3.light {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 100;
}
h3.light a {
	font-family: C"adobe-garamond-pro", serif;
	font-weight: 100;
	color: initial;
}
h4.light {
	font-family:"adobe-garamond-pro", serif;
	font-weight: 100;
}
.content h3 {
}
.grey-stripe {
	background-color: #f1efe9;
	padding: 3em 0;
	margin-bottom: 1.5rem;
}
.grey-stripe h1 {
	margin-bottom: .5em;
}
.grey-stripe h3 {
	margin: 1.125em 0 .125em;
}
/* buttons */
/*
input.push-button {width:100px;height:22px;cursor: pointer;border:1px solid #222634;font-size:11px;font-weight:bold;color:#565658;}
input.push-button:hover {color:#009900;}
*/
input.cancel-button {color:white;background-color:#a3171f; display: inline-block; width: 20px; height: 20px; border:0; border-radius: 4px;}
input.infotag-button {color:white;background-color:#222634;border-top:1px solid #222634;border-right:1px solid #222634;border-bottom:0;border-left:0;}


/* tab list */
ul.tab-list { margin:0 0 0 25px; height:25px;}
div.single-admin-tabrow { padding-left:15px; margin:0;}

/* override the width setting for column-output subtabs */
table.subtabColumnsContainer div.tabcontent { border-right:1px solid #adadad;}
table.subtabColumnsContainer td {text-align: right;}
/* Admin list pager */

table.listpager {margin:0;text-align:center;background-color:#F8F8F8;width:100%;}
table.listpager td {padding:5px;white-space:nowrap;vertical-align: middle;}
table.listpager td.nextpagelink,
table.listpager td.prevpagelink {width:100px;padding:0 5px 0 5px;vertical-align: middle;}
table.listpager td.pagelinks table {margin:0 0 0 20% !important;}
table.listpager td.pagelinks .currentpage {background-color:#222634; color:#FFF;}

/* Admin list  */
table.adminlist {border-collapse:collapse;text-align:left;margin:0 auto;}
table.adminlist table.listtitle {border-collapse:collapse;margin:0;}
table.adminlist table.listtitle td,
table.adminlist table.listtitle th {font: 12px "Arial Narrow", Arial, Helvetica, sans-serif; padding:0;}
table.adminlist td, table.adminlist th {padding:4px;}
table.adminlist th { border-bottom:1px solid #F8F8F8; border-top:1px solid #F8F8F8; background-color:#E9E9E9; }
table.adminlist th.title { text-align:left; }
table.adminlist td.leadin { width:1%; }
table.adminlist table.listtitle td.upDownLinkArr {padding-left:3px;}
table.adminlist table.listtitle td.upDownLinkArr a {margin:0;}
table.adminlist table.listtitle td.upDownLinkArr img {margin:0;display:block;}

/* the standard width to use for all admin lists, forms and pagers */
.adminwidth {width:865px;margin:0;}

/* attached media items and scrollers */
div#attachedmedialist {text-align:left;overflow:auto;}
div#attachedmedialist table.mediaitems td {padding:5px; text-align:center;width:120px;}
div#brick-attached-media-scroller {float:right;margin:0 0 15px 25px;width:450px;height:700px;}

/* formSearch */
div#formSearch {float:right;position:relative;width:500px;height:22px;}
div#formSearch td {vertical-align:top;padding:0;line-height:0px;text-align:right;}
div#formSearch .text   {width:120px; right:190px; height:20px !important;}
div#formSearch .select {width:100px; right:85px;  height:22px !important;}
div#formSearch .button {width:80px;  right:0;     height:24px !important;}
div#formSearch .text,
div#formSearch .select,
div#formSearch .button {
	position:absolute;
	top:2px;
	margin:0 !important;
}

/* template name output */
div.smartytemplate { padding-left:3px;z-index:1;margin:1px;float:left;color:#FFF;background-color:#009900;font-size:0.8em !important;text-align:left; }

/* content archives */
div.archive {text-align:left; margin: 0 0 20px 0;line-height: 1.5em;}
div.archive .year { margin-top: 5px;padding-left:5px;}
div.archive .month { margin-left: 20px;}
div.selectedarchive a {font-weight:bold;}

.archives h2, .archives h3 {
	text-align: left;
}
.archives h3.light {
	margin-top: .5em;
}
/* specific styles */
.smallgray {color:#72747e;font-size:10px;}
.smallgray a {color:#6D7988;}
.smallgray a:hover {color:#aaadbc;}
.smaller {font-size:0.9em;line-height:1.2em;margin:2px 0;}
.monospace {font-family: monospace;}
.tagbutton {cursor:pointer;width:11px ;height:11px ;background-color:#FFF;font-size:11px;text-align:center;line-height:1em;text-decoration:none;}
.featured {background-color: #F8F8F8;border:1px solid #F8F8F8;}
.required {color:#6a6a6a;text-decoration: none;}
.mainmedia {float:left;text-align:center;margin:10px 30px 10px 0;background-color:#FFF;}
.emp {color:#F8F8F8;font-style: italic;}
.spaced {margin:5px 0 5px 0;padding:5px;}
.brick-hover:hover { background-color:#E1E1E1;}

/* product display - single */
div.productdetails {width:350px; float: right;}
div.productdetails h2 {margin-bottom: 5px;}
div.productdetails p {margin:4px;white-space:normal;}
div.productdetails .product-review {padding:11px 45px 11px 60px; margin: 30px 0 40px; width: 145px; background: url(../images/design/review_bg.png) no-repeat scroll left top; color: #a3171f; line-height: 14px; display: block;}
div.productdetails div.options {float:right;width:300px;padding:10px;margin:0 0 40px 20px;text-align:center;background-color:#F8F8F8;}
div.productdetails div.options input, div.productdetails div.options select {max-width:300px;overflow:visible;}
div.stock { background-color:green; padding:3px; text-align:center;}
div.low { background-color:yellow;}
div.out { background-color:red;}
div.price {font-size:1.9em;color:#222634;text-align:center;margin-top:10px;font-family: BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;}

/* product display - category */
table.productlisting {width:100%;margin:0 !important;}
table.productlisting div.productbox {border:3px solid #F8F8F8;}
table.productlisting div.productbox p {font: .72em Lato, Arial, Helvetica, sans-serif}
table.productlisting table.innerparts td.highlight {width:250px; background-color:#F8F8F8;text-align: center;}
table.productlisting table.innerparts img {margin:0 10px 10px 10px;}
table.productlisting table.innerparts input, table.productlisting table.innerparts select {width: 180px; font-size: .95em;}
div.moreitems {font-weight:bold;margin-left:15px;}
hr.cagegoryhr {margin:20px 0 20px 0;height:1px;color:gray;}
table.productlisting table.innerparts h2 {margin:10px 0 0 10px;}
table.productlisting table.innerparts {margin:0;}
td.buyoptions {width:430px;}

/* VO design */
.folder-open { background: url('../images/design/folder-open.png') no-repeat; cursor:pointer;width:20px;}
.folder-closed { background: url('../images/design/folder.png') no-repeat; cursor:pointer;width:20px;}
.archfolder { display:inline; padding:10px; cursor:default; margin-right:2px; background-position:center; }
.archpadding { color:#F8F8F8; font-family:monospace; }

table.voMediaList { background-color:#FFF;border-collapse:collapse;text-align:left;}
table.voMediaList td, table.voMediaList th {font-family:"Arial narrow"; padding:4px;}
table.voMediaList th { border-bottom:1px solid #F8F8F8; border-top:1px solid #F8F8F8; height:25px; background-color:#E9E9E9; font-size:0.9em;}
table.voMediaList td {border-bottom:1px solid #E9E9E9;}

.voDir { margin: 5px 0; }

.voPad2 { margin-left: 15px !important; }
.voPad3 { margin-left: 30px !important; }
.voPad4 { margin-left: 45px !important; }
.voPad5 { margin-left: 60px !important; }
.voPad6 { margin-left: 75px !important; }
.voPad7 { margin-left: 90px !important; }
.voPad8 { margin-left: 105px !important; }
.voPad9 { margin-left: 120px !important; }
.voPad10 { margin-left: 135px !important; }

/* Poll design */
table.pollOut img {padding:0; margin:0 !important; border:0;}
table.pollOut td {padding:0; text-align: left; vertical-align: text-top;white-space:nowrap;}
br.separator {margin-top:3px;}

/* Referral rewards  */
div.reward {margin-top:20px;text-align: left;}
div.reward .floatright {float:right;margin:0 0 15px 15px;}
.referralpoints {font-size:30px;font-family:BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;color:#a3171f;}

/* extra functions */
.extra-functions { margin:0 20px 0 250px;}

/*  admin quick-links */
.quickLinks-major { line-height: 1px !important; border: 2px solid red !important; position:relative; top:0;right:0; z-index:20; float:right; }
.quickLinks-minor  { display: inline-block;}
.quickLinks-minor img, .quickLinks-major img { border:0; padding:0; cursor:pointer; }

div.sitemapQuickLinks-major { position:relative;  display: inline; cursor: pointer; }
div.sitemapQuickLinks-minor  { position:relative; display: inline; cursor: pointer; }
div.sitemapQuickLinks-minor img, div.sitemapQuickLinks-major img { border:0; padding:0; cursor:pointer; vertical-align: middle; }

/* quicklinks on the subNodesView */
div.subnodelist .quickLinks-minor {
	float:left; margin-top: 8px; margin-left: -20px;
}

div.quickedit {z-index:4999;text-align:left;margin:0;}
.main-image div.quickedit {
	position: absolute;
}
a.quickeditlink { background-color: white; color: black !important; font-size:0.85em;text-decoration: none;font-family: monospace;}
a.quickeditlink img { vertical-align:text-bottom;padding:0;margin:0; width: inherit;}

.activeMenuQuickLink { z-index:60; background-color:white; margin-top: 15px; }
.activeMenuQuickLink-minor, div.activeMenuQuickLink-major { position:relative; display: inline; cursor: pointer; z-index:60; }
.activeMenuQuickLink-minor img, div.sitemapQuickLinks-major img { border:0; padding:0; margin: 2px; cursor:pointer; vertical-align: top; }

/**
* ajax styles
*/
#feedBackDiv {
	font-family: Arial,Helvetica,sans-serif;
	position: absolute;
	display: none;
	z-index: 99;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:15px 25px;
	text-align:center;
	background-color:  #f0f0f0;
	border: 3px double #5f9ad0;
	border-radius: 10px;
	color: #000;
	box-shadow: 2px 2px 20px #333;
}

#feedBackDiv.ajaxFBOK { border-color: #222634;}
#feedBackDiv.ajaxFBWarn { border-color: #ff6a00; }
#feedBackDiv.ajaxFBErr { border-color: #FF0000; }

#feedBackDiv.menu-manage {
	background-color: #f0f0f0;
	/* shadow & border*/
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	text-align: left;
}
#feedBackDiv.menu-manage h2{
	font: bold 11px/12px Arial, helvetica, sans-serif;
	color: #222;
	padding: 5px 35px 5px 10px;
	margin: 0;
	background-color: #d8d8d8;
}
#feedBackDiv.menu-manage .qtip-close{
	background-color: #FE4201;
	border: 1px solid #fff;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

/**
* new ajax feedback div style, should replace the old one; it can be positioned fixed to the viewport, or event
*/
.ajaxFeedback{
	display:none;
	z-index: 99;
	position:fixed;
	top: 20px;
	font: bold 16px/50px Arial, Helvetica, sans-serif;
	padding: 0 75px 0 45px;
	min-height:32px;
	background:#ebf2f8 url(../images/system/feedback_notice_new.png) no-repeat 15px center;
	border:3px solid #5e94ca;
	color:#0055ab;
	margin-bottom:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ajaxFeedback .close-button {
	top: 10px;
}
.ajaxInlineFeedback { position:relative; top:0; margin-top:5px; }

div.AJAXMenu {position:relative;top:0;z-index:10;}
div.AJAXMenu ul {margin:0; padding:0;}
div.AJAXMenu li {list-style: none; position: relative; line-height:11px;}
div.AJAXMenu li a {display: block;text-decoration:none; font-size: 11px; padding: 5px 15px; }
div.AJAXMenu a:link, div.AJAXMenu a:visited {color:#005a97;}
div.AJAXMenu li.delimiter { display: inline;  }
div.AJAXMenu li.hr { height:1px !important; line-height:0 !important;margin:0;padding:0; }
div.AJAXMenu li.button {position:relative;}
div.AJAXMenu li.button:hover {background-color:#D3D5D5;color:#009900;}


div#shoppingCartWidget { padding: 0 0 6px; font-family: Arial, Helvetica, sans-serif; }
div#shoppingCartWidget table { width: 100%; border-collapse: collapse; }
div#shoppingCartWidget table td {padding:2px;}
div#shoppingCartWidget .topline {}
div#shoppingCartWidget tr.selected td {background-color:#999;}
div#shoppingCartWidget tr.selected td a {color:#FFF;}
div#shoppingCartWidget td.prodname {padding: 2px; font-size:0.9em;}
div#shoppingCartWidget td.quant { font-size:0.9em; vertical-align: top; }
div#shoppingCartWidget .remove { width: 2px; padding: 0; }
div#shoppingCartWidget .remove .exbutton {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-right: 2px;
	text-align: center;
	color: #fff;
}
div#shoppingCartWidget .total { text-align: right; padding-right: 5px; font-size: 12px; font-weight: bold;}
div#shoppingCartWidget .carttotal{ margin-top:5px; font-weight:bold;font-size:1.3em;}


table.productlist { width: 100%; border-collapse: collapse;margin:0 !important;}
table.productlist {border-bottom: 2px solid #222634;}
table.productlist th, table.productlist td {font: .72em Lato, Arial, Helvetica, sans-serif;padding:3px;font-size:0.9em;text-align: left;}
table.productlist th { font-weight: bold; border-bottom: 2px solid #222634;height:35px;vertical-align: bottom;}
table.productlist td { border-bottom: 1px solid #E9E9E9;vertical-align: text-top;}
table.productlist td.desc {font-style: italic;}
table.productlist td.total { text-align: right;}
table.productlist tr.price { border:none; }
table.productlist tr.price td { white-space: nowrap; text-align: right; font-weight: bold; }
table.productlist tr.total td { font-size:1.4em;}
table.productlist tr.total td.red { color:red; }
table.productlist tr.nonbold td { font-weight: normal; }
table.productlist tr.selectedrow {background-color:#F8F8F8;}

div#shoppingCart table.productlist td.remove { text-align: center;}
div#shoppingCart .links {width:100%;margin:0;}
div#shoppingCart .links td {width: 33%;vertical-align:top;padding:0;}
div#shoppingCart .productimg { float: right; }
div#shoppingCart img { margin-left:0; }
div#shoppingCart div.toppart {margin:20px 27px 20px 10px; }

div#invoice {color: black;  background: white url('../images/design/invoice-bg.png') no-repeat 50% 0; }
div#invoice div.address {float:right;width:200px;}
div#invoice div.shipping{ text-align: left; }
div#invoice div.paymentstatus {width:200px;border:2px solid red;font-size: 1.4em;font-weight:bold;text-align: center;color:red;}
div#invoice td, div#invoice th {padding:3px;vertical-align:top;font: normal 15px/18px "Arial Narrow", Arial, Helvetica, sans-serif;}

div.inv-business { position:absolute; top:20px; right:0px; width: 300px; text-align: right; }

.invoice-top, .invoice-bottom  {background-color: white; color: black;font: normal 15px/18px "Arial Narrow", Arial, Helvetica, sans-serif;}
.invoice-top { margin-top: -20px; }
.invoice-bottom { padding-top: 10px;}
.invoice-top p, .invoice-bottom p { margin:0; }
.invoice-top h2 {margin-top:30px;}

table.logger th { text-align: left; }

/* design related definitions */
/*login form*/

.login a:hover {
}
.login .box a {
	color: #ccc;
	margin-right: 0;
	padding: 0;
	text-transform: capitalize;
	text-decoration: none;
}

#login-layer-toggle {
	right: 0;
	position: absolute;
	top: 1.7em;
	z-index: 1;
	border: 1px solid #000;
}
.login img {
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 20;
}
.login .box p {
	margin: 10px 0;
}
.login table, .login .box p a{
	margin: 0 25px;
	text-transform: capitalize;
	color: #000;
}
.login .box input.normal {
	background-color: #fff;
	border: 1px solid #000;
	margin-bottom: 8px;
	height: 30px;
	padding-left: .3em;
}
.login .box input.push-button {
}
.login .box {
	background-color: #f1efe9;
	padding: 1em 0 .5em;
}

div.content-wrap {
	width: 100%;
}

div.content-wrap-landing-page {
	background-color:#fff;
	padding: 0;
}


.box li.delimiter {
	display: none;
}
.box p.loggedinuser {
	display: none;
}
.box table.general {
	margin: 0 20px 0 15px;
}
.box table.general td {
	color: #fff;
}
.box input.normal {
	width: 100%;
	font-size: 1em;
	color: #222;
}
.box input#eventdate.normal {
	width: 89%;
}
.box input.push-button, div.content input.push-button {

}
.box input.push-button:hover {color:#FFF;}

input.push-button-action {
	background-color:#a3171f;
	border:none;
	color: #fff;
}

div.content input.push-button:hover, div.content input.push-button-action:hover {border:1px solid #fff; }

.box p {
	margin: 7px 20px 0 15px
}

.page-bottom .inner-box {
	background: transparent url(../images/design/innerbox_bottom.png) no-repeat scroll left bottom;
	clear: both;
}
.inner-box p {
	margin: 7px 0 0;
	font: 12px Arial, Helvetica, sans-serif;
}
.inner-box p.topline {
	margin: 0;
}
.inner-box p a {
	text-decoration: none;
}
.inner-box h4, .inner-box h4 a {
	color: #222;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	margin-top:5px;
	line-height: 17px;
}
.page-bottom .fr h4 {
	/*
	background: transparent url(../images/design/blog_icon.png) no-repeat scroll 0 3px;
	min-height: 50px;
	padding-left: 50px;
	*/
}
.page-bottom .fr .smallgray {
	color: #222;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.page-bottom .button a {
	display: block;
	height: 27px;
	font: 20px/27px BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	background-color: #a3171f;
	color: #fff;
	float: left;
	padding: 0 25px;
}
/*
.page-bottom .button {
margin: 0;
}
*/
.page-bottom .inner-box img {
	float: left;
	margin: 0 8px 10px 0;
}

.content-page-bottom {
}


/* content defs */
.item-container {
	border: 1px solid #ccc;
	margin-top: 30px;
}
.item {
	float: left;
	padding: 30px 0 0 30px;
}
.item h3{
	margin-bottom: 10px;
}
.image-container {
	background-color: #666;

	width: 150px;
	float: left;
}


.image-container img {
	float: right;
}

.price-details {
	float: right;
	background-color: #f8f8f8;
	padding: 25px 0;
	text-align: center;
	width: 205px;
}
.item .description {
	width: 450px;
	float: left;
	padding-left: 10px;
}
.price-details .price {
	font: 38px/27px BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;
	margin: 5px 0 30px;
}
.price-details .button {
	display: inline-block;
	width: 105px;
	height: 27px;
	font: 20px/27px BebasNeueRegular, "Arial Narrow", Arial, Helvetica, sans-serif;
	line-height: 27px;
	color: #fff;
	background-color: #A41920;
	border: 0 none;
	text-align: center;
	padding: 0;
	margin-bottom: 5px;
	text-decoration: none;
}
.price-details .description {
	margin: 30px 0 0;
}
.price-details .description .strong{
	margin-top: 10px;
	font-weight: bold;
	display: block;
}
.productbox {
	margin-top: 30px;
}
.productimg {
	width: 420px;
	float: left;
}
.productimg img {
	margin-bottom: 15px;
}



/* used only for the "why buy" section on the home page */
.main-page {
	margin: 5px 0 -30px -35px;
}

#marqueecontainer{
	position: relative;
	height: 300px; /*marquee height */
	overflow: hidden;
}

div.no-online-sale-outer {
	background-color:#F8F8F8;
	padding:10px;
	margin-right:15px;
	width:420px;
}

#overDiv {
	font-family: Arial, Helvetica, sans-serif;
}

.nav-bottom {margin:0; padding:0;width:200px;}

div.email-rego-form {position:absolute;top:70px;right:-220px;width:200px;height:330px;background: url(../images/design/join-the-montagio-club.png) no-repeat scroll left top;}


/* popup styles
.page-cover {
	height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5000; background: transparent url(../images/design/75_transparent_bg.png) repeat scroll 0 0; overflow: hidden;
}
.popup-form {
	height: 450px; left: 50%; margin-left: -225px; position: fixed; top: 10%; width: 450px; z-index: 5001; background: #000 url(../images/design/newsletter_popup_bg.jpg) no-repeat scroll 0 0;
}
.popup-form h2 {
	background: none;
	color: #FFFFFF;
	font-size: 38px;
}
.popup-form h2.white {
	color:  #fff;
	margin: 0px 0 0 42px;
	line-height: 32px;
}
.popup-form h2.white .smaller{
	font-size: 20px;
	line-height: 20px;
	color: #ccc;
}
.popup-form h2.white .smaller.arial{
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
.popup-form ul {
	margin: 200px 0 0 32px;
}
.popup-form li {
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	list-style: none;
}
.popup-form .text, .popup-form .form-element {
	margin-bottom: 6px;
}
.popup-form .form-submit {
	padding-top: 5px;
}
.popup-form label {
	text-transform: uppercase;
	text-align: left;
}
.popup-form input {
	width: 155px;
	background-color: #222;
	color: #fff;
	border: 1px solid #999;
	font-size: 13px;
	line-height: 23px;
	height: 23px;
}
.popup-form select {
	width: 159px;
	background-color: #222;
	color: #fff;
	border: 1px solid #999;
	font-size: 13px;
	line-height: 23px;
	height: 25px;
	padding: 1px;
}

.popup-form .button {
	background-color: #A41920;
	color: #fff;
	border: 0 none;
	height: 27px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 159px;
	font: 14px/27px Lato, Arial, Helvetica, sans-serif;
	cursor: pointer;
}
.popup-form .close {
	display: block;
	color: #fff;
	width: 159px;
	height: 27px;
	line-height: 27px;
	background-color: #222;
	font: 20px/27px BebasNeueRegular,"Arial Narrow",Arial,Helvetica,sans-serif;
	text-align: center;
}
.popup-form a:hover {
	text-decoration: none !important;
}
.join-the-club {
	width: 60px;
	height: 200px;
	position: fixed;
	right: 0;
	top: 80px;
	z-index: 5000;
}
.join-the-club a {
	display: block;
	width: 60px;
	height: 200px;
	text-indent: -10000px;
	overflow: hidden;
	background: transparent url(../images/design/jointheclub_button.png) no-repeat scroll 3px 0;
}
.join-the-club a:hover {
	background-position: 0 0;
}*/



/* as featured in section */
.logos {
	height: 300px;
	position: absolute;
	right: -175px;
	top: 40px;
	width: 150px;
	padding-top:20px;
	text-align: center;
}
.logos h3 {
	color: #ccc;
	margin: 25px 0 -8px;
}
.logos img {
	margin-top: 15px;
}
.logos a {color:#ccc;}
.logos a:hover {color:#ccc;text-decoration: none !important;}

/* div for showing off products in blogs */
div.news-product-display {
	margin-bottom: 20px;
	background-color:#F8F8F8;
	padding:10px 20px 20px 20px;
	color:#ccc;
}

.news-article h1, .news-article h2, .news-article h3{
	margin-top: 2ex;
}

/* referral points */
div.referral-points {
	border:4px solid #A3171F;
	color: #fff;
	width:220px;
	text-align: center;
	float:right;
	margin-left:30px;
}

h1.red-inverted {
	color: #FFF !important;
	background-color: #A3171F;
}

/*top right corner badge*/
.badge {
	position: absolute;
	bottom: -80px;
	right: -50px;
	width: 201px;
	height: 198px;
	z-index: 1999;
}


#mobdesk {
	font-size: .75em;
	line-height: 1em;
	clear:both;
	margin: 1em;
}

/* multi column img & text */
.row {
	margin: 0 0 0 -1%;
	padding: 2% 0 0 0;
	clear: left;
}
.row:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size: 0;}
.row .box {
	text-align: center;
}
.row .box, .news-image, .news-text {
	box-sizing: border-box;
	float: left;
	padding: 0 2% 2% 2%;
	position: relative;
}
.row .box p {
	margin: 1em 0 0 0;
}
.row .box .small {
	margin: 1.3em 0 0 0;
	font-size: .85em;
	text-align: justify;
	line-height: 1.25em;
}
ul.small {
	padding-left: 1.3em;
}
ul.small li {
	list-style-type: disc;
	background-image: none;
	padding-left: 0;
}
.size-element {
	width: 100%;
}
.size-label {
	width: 10%;
}
.size1of1 {
	width: 100%;
}
.size1of2, .size2of4, .size3of6 {
	width: 50%;
}
.size1of3, .size2of6 {
	width: 33.33%;
}
.size2of3, .size4of6 {
	width: 66.66%;
}
.size1of4 {
	width: 25%;
}
.size3of4 {
	width: 75%;
}
.size1of5 {
	width: 20%;
}
.size2of5 {
	width: 20%;
}
.size3of5 {
	width: 60%;
}
.size4of5 {
	width: 80%;
}
.size1of6 {
	width: 16.66%;
}
.size5of6 {
	width: 83.33%;
}
.size1of2.img-left {text-align:left}
.size1of2.img-right {text-align:right}
.news-article-side-column {
	width: 28%;
}
.news-article {
	width: 72%;
}



.news-image {
	width: 20%;
}
.news-text {
	width: 80%;
}
.video h4 {
	margin: 1em 0;
	text-align: center;
}
.video .size1of4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 70px;
}
.video .size1of4 a.button {
	width: fit-content;
	white-space: nowrap;
}
.video .box p {
	margin: 0 1em;
	text-align: center;
}
.video iframe {
	border: 0 none;
}

.news-introtext{
	font-style: italic;
}

.news-text .date {
	padding: 1em 0 0 0;
	color: #72747e;
	font-size: .75em;
}
.news-text .section {
	padding: 0 0 1em 0;
}

/* image resizing */
/*
what is the reason or usage behind this?  this will totally mess up pencil quick-edit icons w/o another rule.
It'd probably be better to ONLY apply this rule to elements that need it
*/
.row img { height: auto; width: 100%;  }
img.fieldManagePencil {width:auto; height:auto}

.row img.green-tick {
	width: initial;
	margin-right: .3em;
}
.row img.quote {
	width: initial;
	margin-right: .3em;
}
.size1of2 img {
	max-width: 434px;
}
.size1of4 img {
	max-width: 202px;
}
.row img.calendarImg {
	width: 30px;
	position: absolute;
	top: 2px;
	right: 18px
}
.row img.captcha {
	width:initial
}
.row h4 {
	margin-top: 1.5em;
}
/* news page - blog related definitions */
.news_intro, .news_intro h3 {
	text-align: left;
}

/* google rank box */
.google-rank {
	border: 1px solid #a3171f;
	border-radius: 4px;
	box-sizing: border-box;
	max-width: 400px;
	width: 100%;
	position: relative;
	margin-top: 1em;
}
.google-rank .text {
	box-sizing: border-box;
	float: left;
	padding: 0 5%;
	width: 81.25%;
	color:#a3171f;
}
.google-rank .image {
	float: right;
	max-width: 75px;
	max-height: 83px;
	width: 18.75%;
}
.google-rank img {
	height: auto;
	width: 100%;
}

.google-rank a.button {
	display: block;
	margin-top: 0;
}
.google-rank .button-container {
	margin-top: .5em;
}
.google-rank h3 {
	color: #222;
	font-size: 0.875em;
	line-height: 2em;
	text-align: center;
}

/* responsive gallery */
.gallery-content {
	padding: 10px;
	background-color: #fff;
}
.rg-view a {
	display: block;
		float: right;
		height: 16px;
		margin-right: 3px;
		width: 16px;
		background: transparent url('../images/system/gallery_views.png') no-repeat left top;
		opacity: .75;
}
.rg-view a.rg-view-thumbs {
	background-position: 0 -16px;
}
.rg-view a:hover {
	opacity: 1;
}
.es-nav span.es-nav-next {
	background-position: right top;
	left: auto;
	right: 8px;
}
.es-carousel {
	margin: 0 25px;
	overflow: hidden;
}
.rg-thumbs {
	position: relative;
}
.es-nav span {
		background: transparent url('../images/system/gallery_nav_v2.png') no-repeat scroll left top;
		cursor: pointer;
		height: 30px;
		left: 8px;
		margin-top: -28px;
		opacity: 0.75;
		position: absolute;
		text-indent: -9000px;
		width: 16px;
		top:58%;
}
.es-carousel ul {
	margin: 0;
}
.es-carousel li {
	background: transparent none repeat scroll 0 0;
	float: left;
	padding: 2px 0;
	height: 180px;
	text-align: center;
	width:auto !important;
}
.es-carousel li img {
	height: 100%;
}
.rg-image-wrapper {
	text-align: center;
	position: relative;
	display: none;
}
.rg-image-nav a {
		background: transparent url('../images/system/gallery_nav_v2.png') no-repeat scroll -20% 50%;
		border-radius: 10px 0 0 10px;
		cursor: pointer;
		height: 100%;
		left: 0;
		opacity: 0.3;
		outline: medium none;
		position: absolute;
		text-indent: -9000px;
		top: 0;
		width: 28px;
}
.rg-image-nav a.rg-image-nav-next {
		background-position: 115% 50%;
		border-radius: 0 10px 10px 0;
		left: auto;
		right: 0;
}
.rg-image-nav a:hover {
	opacity: .6;
}
.slide {
	width: 100%;
	padding-top: 43.434343%;
}
.static-slide {
	width: 100%;
	padding-top: 43.434343%;
	background-position: center center;
	background-size: cover;
}

@keyframes fadeInUp {
	from {
		padding-top: 30px;
		opacity: 0;
		visibility: hidden;
	}
	to {
		padding-top: 0;
		opacity: 1;
		visibility: visible;
	}
}

.box1 {
	animation-name: example;
		animation-duration: 2s;
		animation-delay: .3s;
}
.box2 {
	animation-name: example;
		animation-duration: 2s;
		animation-delay: .6s;
}
.box3 {
	animation-name: example;
		animation-duration: 2s;
		animation-delay: .9s;
}
.box4 {
	animation-name: example;
		animation-duration: 2s;
		animation-delay: 1.2s;
}
.loyalty-program {
	margin: 0 auto;
}
.loyalty-program tr.grey {
	border-bottom: 1px solid #666;
	background-color: #f1efe9;
}
.loyalty-program td {
	border-bottom: 1px solid #f1efe9;
	padding: 1em;
}
.loyalty-program tr.grey td {
	border-bottom: 1px solid #666;
}

.red-border {
	width: 80%;
	border:  2px solid #a3171f;
	padding: 1em;
	margin: 1em auto 0;
}

/* landing page design start*/
.landing-page-design .main-image {
	max-height: 650px;
}
.landing-page-design .main-image.video {
	max-height: unset;
}
.landing-page-design .logo {
	width: 15%;
	height: 50%;
	position: absolute;
	top: 13%;
	left: 50%;
	transform: translatex(-50%);
	background: transparent url('../images/design/logo_white.svg') no-repeat top center;
	background-size: contain;
}
.landing-page-design .header .logo {
	background: transparent url(../images/design/logo.svg) no-repeat scroll center center;
	float: left;
	width: 125px;
	height: 75px;
	background-size: cover;
	position: relative;
	left: unset;
	transform: unset;
}
.landing-page-design .header.video .logo {
	background: transparent url('../images/design/logo_white.svg') no-repeat scroll center center;
	background-size: cover;
}
.landing-page-design .brick.main-image-text {
	top: 65%;
}
.landing-page-design .main-image h1,
.landing-page-design .main-image h2 {
		position: relative;
		top: 5%;
		width: 80%;
		margin: 0 10% .5%;
}
.landing-page-design .main-image .button-container {
	margin-top: 3em;
}
.landing-page-design .page-top-text {
	text-align: center;
}
.landing-page-design .border {
}
.landing-page-design .border .row {
	display: flex;
	flex-wrap: wrap;
}
.landing-page-design .border .box {
	float: left;
		padding: 1.75em;
		text-align: left;
		font-size: .875em;
		width: 31.33%;
		margin: 0 1% 1%;
		font-style: italic;
}
.landing-page-design .border h4 {
	font-size: .875em;
}

.landing-page-design .border .row h4 {
	margin: 0 0 1.5em;
	font-style: normal;
	background: transparent url('../images/design/five_star.svg') no-repeat center left;
	padding-left: 62px;
}

.landing-page-design .border .row h4.fivestarbg {
	font-style: normal;
	background: transparent url('../images/design/five_star.svg') no-repeat center;
	margin-bottom:0;
}

.landing-page-design .visitshowroom,
.landing-page-design .designandmeasure,
.landing-page-design .fitting2nd {
	padding-top: 120px;
	background: transparent url('../images/design/mannequin_1.svg') no-repeat top center;
	font-size: .875em;
}
.landing-page-design .visitshowroom h3,
.landing-page-design .designandmeasure h3,
.landing-page-design .fitting2nd h3 {
	font-size: initial;
}
.landing-page-design .designandmeasure {
	background-image: url('../images/design/design_1.svg');
}
.landing-page-design .fitting2nd {
	background-image: url('../images/design/2ndfitting_1.svg');
}
.landing-page-design .foot .menu {
	display: none;
}
.landing-page-design .googleratings {
	/*
	background: transparent url('../images/design/google_rating_logo_36.png') no-repeat top center;
	padding-top: 3.2em;
	*/
}
.landing-page-design .size1of1.pb30 {
	margin-top: -2em;
}
.landing-page-design .right-col select, .landing-page-design .box input.normal, .landing-page-design .box input.calendarInput {
	height: 30px;
}
.landing-page-design .content-very-top .button {
		display: inline-block;
}
.landing-page-design .content-main-stripe {
	background: url(../images/slides/showroom-background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.landing-page-design .content-main-stripe-2nd {
	background: url(../images/slides/land-wedding-suits-1200.jpg) no-repeat center center;
	margin-top:-1em;
}
/*
.landing-page-design .content-main-stripe h1,
.landing-page-design .content-main-stripe h2,
.landing-page-design .content-main-stripe h3,
.landing-page-design .content-main-stripe p {
	color: #fff;
	text-shadow: 0 0 3px #000;
}
*/
/* landing page design end*/

/* responsive definitions */
@media only screen and (max-width: 1280px) {
	.video-banner {
		height: 100vh;
		width: unset;
		transform: translateX(calc(-1 * ((100% - 100vw) / 2)));
	}
}

@media only screen and (max-width: 1010px) {
	.centering {
		width: 100%;
	}
	.logo {
		margin-left: 1em;
	}
	.centering .top-menu li {
		padding-left: .5em;
	}
	.top-menu a {
		font-size: 1rem;
	}
	.menu .login {
		padding-top: .1875em
	}
	.header-buttons, .menu {
		margin-right: 1em;
	}
	.foot-details {
		width: 100%;
	}
	.video iframe {
		width: 100%
	}
	.video a.button {
		height: initial;
		line-height: 1.5em;
	}
	.foot, .red-stripe  {
		padding: 2em 1.5em;
		box-sizing: border-box;
	}
	.g-icon {
		text-align: center;
		padding-top: 20px;
	}
	.g-icon img {
		width: 90px;
	}
	.g-icon h4 {
		margin-top: 0.5em;
	}
	.social-icons {
		float: none;
		width: initial;
		padding: 1em 0 0 1.5em;
		clear: both;
	}
	.member-menu {
		width: 100%;
	}
	.news-article.box {
		padding: 0 4% 2%;
	}

	.landing-page-design .logo {
		width: 20%;
	}
	.landing-page-design .brick.main-image-text {
		top: 70%;
	}
	.landing-page-design .main-image h1{
		font-size: 1.8em;
		line-height: 1.3em;
	}
	.landing-page-design .main-image h2 {
		font-size: 1.2em;
		line-height: 1.3em;
	}
}
@media only screen and (max-width: 880px) {
	.landing-page-design .brick.main-image-text {
		top: 70%;
		font-size: 1.1em;
	}
	.landing-page-design .main-image .button-container {
		margin-top: 1em;
	}
	.landing-page-design .main-image h1{
		font-size: 1.5em;
		line-height: 1.1em;
	}
	.landing-page-design .main-image h2 {
		font-size: 1.1em;
		line-height: 1.1em;
	}.landing-page-design .googleratings h3 {
		text-align: right;
	}
}
@media only screen and (max-width: 880px) and (orientation: portrait) {
	.brick.main-image-text {
		top: 80%;
	}
}
@media only screen and (max-width: 725px) {
	.size1of2, .size1of3, .size2of3, .size2of4, .size3of4, .size3of5, .size4of5, .size3of6, .size4of6, .size5of6  {
		width: 100%;
	}
	.size1of4, .size2of6, .size1of5, .size2of5 {
		width: 50%;
	}
	.size1of6 {
		width: 25%;
	}
	.row .box, .news-image, .news-text {
		padding: 0 3% 2% 4%;
	}
	.landing-page-design .row .box.visitshowroom {
		padding-top: 120px;
	}
	.landing-page-design .row .box.designandmeasure {
		padding-top: 120px;
	}
	.landing-page-design .row .box.fitting2nd {
		padding-top: 120px;
	}
	.size1of2.img-left, .size1of2.img-right {
		text-align:center
	}
	.video .size1of4 {
		margin-left: 25%;
		padding-top: 1em;
	}
	.header .menu {
		display: none;
	}
	.mobile-menu-opener {
		display: block;
	}
	.header-buttons {
		position: absolute;
			right: 4em;
			top: -.2em;
	}
	.row .box.left-col {
		text-align: left;
	}
	div.news-product-display {
		display: none;
	}
	.video iframe {
		height: 290px
	}
	.rg-image img {
		width: 100%;
	}
	.main-image-fade {
		display: none;
	}
		.header	.social-icons {
			margin-right: 1em;
	}
	.tabcontent {
		padding: 0;
	}
	.news-article-side-column {
		display: none;
	}
	.news-article {
		width: 100%;
	}
	.red-stripe .text {
		width: 100%;
		display: block;
	}
	.landing-page-design .row {
		padding: 2% 0 0;
	}
	.landing-page-design .border .box {
		width: 95%;
	}
	.landing-page-design .googleratings h3 {
		margin-left: 4em;
		text-align: left;
	}
}
@media only screen and (max-width: 640px) {
	body {
		font-size: .75em;
	}
	.video iframe {
		height: 250px
	}
	.main-image-text {
		font-size: .8625em;
	}
	.landing-page-design .logo {
		top: 8%
	}
	.checkbox-container label {
		display: block;
		white-space: normal;
	}
}
@media only screen and (max-width: 500px) {
	.header-buttons {
		position: absolute;
		left: 140px;
		width: calc(100% - 165px);
	}
	.button.fl, .button.fr {
		float:none;
	}
	.appointment {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.header a.button {
		margin-bottom: .5em;
	}
	h1 .big-font {
		font-size: 1.4em;
		line-height: 1.3em;
	}
	.header	.social-icons img {
		width: 24px;
		height: 24px;
	}
	.header	.social-icons img {
		display: none;
	}
}
@media only screen and (max-width: 400px) {
	.landing-page-design .border .box {
		width: 100%;
	}
	.header a.button {
		font-size: .875rem;
	}
}
@media only screen and (max-width: 360px) {
	.size1of4, .size1of3, .size2of6, .size1of5, .size2of5, .size1of6 {
		width: 100%;
	}
	.video .size1of4 {
		margin-left: 0;
	}
	.video iframe {
		height: 145px
	}
	.main-image-text {
		font-size: .7em;
	}
	.news_intro img {
		width: 95%
	}
	.size1of4 img.full-width {
		max-width:100%
	}
}
@media only screen and (min-aspect-ratio: 890/500) {
	.video-banner {
		width: 100vw;
		height: unset;
	}
}
@media only screen and (max-height: 550px) and (orientation: landscape) {
	.brick.main-image-text {
		top: 80%;
	}
}
@media only screen and (max-height: 450px) and (orientation: landscape) {
	.brick.main-image-text {
		top: 65%;
	}
}
@media only screen and (max-height: 300px) and (orientation: landscape) {
	.brick.main-image-text {
		top:60%;
	}
}

/* animation */

@keyframes text-fade {
	 0%	{ opacity: 0; }
	10%	{ opacity: 1; }
	90%	{ opacity: 1; }
	100%{ opacity: 0; }
}
@keyframes text-fade-final {
	 0%	{ opacity: 0; }
	.01% { opacity: 1; }
}
.fading-text {
	opacity: 0;
	animation-name: text-fade;
	animation-duration: 5s;
	animation-timing-function: linear;
}
div.main-image-text h2 a {
	font: 400 4rem/1em "adobe-garamond-pro", serif;
}
div.main-image-text h2, div.main-image-text h2 a {
	color: #f1efe9;
}
.fading-text-last {
	opacity: 0;
	animation-name: text-fade-final;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-duration: 10000s;
}

/*social icon container*/
.a2a_kit {
	width: 284px;
	margin: 0 auto;
}

/**
*
 jQuery UI re-definitions

*/

.ui-widget-content {
	background: #e8f3ff none;
	font: 12px Arial, Helvetica, sans-serif;
}
/*get rid ot blue frame */
.ui-widget-content a {
	outline: none !important;
}
.ui-widget-content a:hover {
	text-decoration: underline;
}
.ui-corner-all {
	border-radius: 8px;
}
.ui-widget-header, .ui-dialog h2{
	border: 0;
	border-radius: 0;
	background: transparent none;
	font: 22px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.ui-dialog h2 {
	text-transform: none;
	padding-top: 1em;
}
.ui-widget-header * {
	border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .7em .5em .4em;
}
.ui-dialog .ui-dialog-title {
	width: initial;
	padding-right: 25px;
	overflow: initial;
}
.ui-dialog .ui-dialog-content {
	padding: 0 1em 1em;
}
.ui-state-default .ui-icon {
	background: transparent none;
}
.ui-dialog .ui-dialog-titlebar-close {
	margin-top: -20px;
	background: transparent url("../images/system/btn_close_panel.png") no-repeat 0 0;
	border: 0;
	width: 22px;
	height: 22px;
}
.ui-dialog li {
	margin-bottom: .5ex;
}

/* date dateYMCC select */
.dateYMCC {
	width: 100px !important;
}


.helpqtip { width:100%; text-align: inherit; min-height: 30px;}
.blue-btn { cursor: pointer; }

/* accordians */

div.row div.accordion label {
	display: block;
	padding: 8px 22px;
	margin: 1em 0 0 0;
	cursor: pointer;
	background: #fff;
	border-bottom:2px solid #f1efe9;
	border-radius: 3px;
	color: #000;
	text-transform:capitalize;
	transition: ease .5s;
	position: relative;
}

div.row div.accordion label::after {
	content: '+';
	font-size: 27px;
	position: absolute;
	right: 10px;
	top: 6px;
	color: #222;
}

div.row div.accordion input:checked + label:after {
	content: '-';
	right: 14px;
	top: 3px;
	color: #222;
}

div.row div.accordion .content {
	background: #fff;
	padding: 1em;
	margin: 0 0 1px 0;
	border-radius: 3px;
}

div.row div.accordion input + label + .content {
	display: none;
}

div.row div.accordion input:checked + label + .content {
	display: block;
}

div.row div.accordion input {
	display: none;
}

div.row div.accordion p {
	margin:0;
}

div.row div.accordion {
	width: 95%;
	margin: 0 auto;
}

/** measurements on the cart page */
/*  one measurement row */
div.measurementsRowFlex {
	display: flex; justify-content: space-between; width: 100%; height: 2em;
}
/* right-column within one measurement row */
div.measurementsRowFlex div.rcol { 	width: 5em; margin-left: auto; }
/* the select element */
div.measurementsRowFlex select.mtmMeaSel {max-width: 5em;}
/* colours within the select element */
div.measurementsRowFlex select.mtmMeaSel.def ,
  div.measurementsRowFlex select.mtmMeaSel option.def {background-color: white; color: #0f1616;}
div.measurementsRowFlex select.mtmMeaSel.low ,
  div.measurementsRowFlex select.mtmMeaSel option.low {background-color: lightblue; color: #0f1616;}
div.measurementsRowFlex select.mtmMeaSel.high ,
  div.measurementsRowFlex select.mtmMeaSel option.high {background-color: bisque; color: #0f1616; }

/* tagline used in content */
div.tagline{
	color: #a3171f;
	font-style: italic;
	font-size: 1.5rem;
	text-align: center;
	font-family: "adobe-garamond-pro", serif;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 1.5em;
}
/* phone number on contact/appointment pages */
.phone-link-sydney, .phone-link-brisbane {
    display: inline-block;
    margin: .625em;
	font-size: 2em;
}