/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/extras/etc/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/lora-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lora Regular'), local('Lora-Regular'),
       url('/extras/etc/fonts/lora-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/lora-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/lora-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/lora-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/lora-v14-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/lora-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lora Bold'), local('Lora-Bold'),
       url('/extras/etc/fonts/lora-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/lora-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/lora-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/lora-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/lora-v14-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Lora', serif;
*/

body {
	font-size: 1em;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #231f20;
}

p,li {line-height:150%;}


/**************** header *****************************/
.header {background-color:#ffffff;border-bottom:1px solid #009596;}
.banner {width:1200px;margin:auto;}
.logo	{width:50%;float:left;padding:6px 0;}
.logo img {max-height:80px;}

.phone {font-size:1.500rem;margin-right: 8px;text-align: right;font-family: 'Lora', serif;padding-top:20px;}
.phone a	{font-size:1em;text-decoration:none;cursor:default;color:#17181a;}	
.phone a:hover	{color:#17181a;}

.topRight {
	width:50%;
	float:right;
	text-align:right;
}

.loginOut a{
	display:inline-block;
	background:#ebeff2;
	padding:5px 30px 6px;
	text-decoration:none;
	color:#000;
	font-size:0.875em;
	margin-left:20px;
	}

.loginOut a:hover {background:#0083de;color:#fff;}

/**************** footer *****************************/

.footer {background-color:#231f20;color:#ffffff;}
.footerInfo	{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}

.footerInfo .phone a {font-size:1.125rem;}
.footerInfo .phone a:hover {color:#ffffff;}

.footerInfo .sideBySide-Col2 p {font-size:0.750em;margin-right: 32px;}

.footerBase	{width:1200px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft	{width:66%;float: left;font-size:0.563em;}
.footerRight {width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a {font-size: 0.563rem;color:#ffffff;}
.footerBase a:hover	{color:#dedede;}

/**************** content *****************************/

/* layout */

.middleHome {
	padding: 30px 0 0; 
	width:1200px;
	margin:auto;
}
.landing .middleHome {padding: 0 0 32px 0; width:1000px;margin:auto;}
.middle {width:1000px;margin:auto;min-height:400px;padding-top:40px;padding-bottom:40px;}
.center {text-align:center;}

a {color: #009596;}
a:hover {color: #0083de;}
a img	{border:0;}

h1, h2, h3, h5 {}
h1 {font-size: 3.000em;color:#17181a;font-weight:700;margin-top:0;font-family: 'Lora', serif;}
h2 {font-size: 1.625em;color:#17181a;font-weight:400;font-family: 'Lora', serif;margin-top:0;}
h3 {font-size: 1.188em;color:#17181a;font-weight:400;font-family: 'Lora', serif;margin-top:0;line-height:150%}
h4 {}
h5 {font-size: 1.125rem;color:#ffffff;font-weight:400;margin-top:0;font-family: 'Lora', serif;margin-bottom:18px;}

.landing h1 {color:#ffffff;}
.landing h2 {padding-top:21px;font-size: 1.875rem;}
.landing h3 {font-size: 1.500rem;}
.landing h4 {font-family: 'Lora', serif;font-size: 1.000rem;color:#17181a;font-weight: 400;}

p, ul, li{margin-top:0;}
.formRequired {color:#231f20;font-size:0.625rem;}

.linkButton, .dataForm .button {
    background-color: #009596;
	border:1px solid #009596;
	border-radius:24px;	
    padding: 8px 30px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    display:inline-block;
    margin-top:10px;
	-webkit-appearance:none;
	text-decoration:none;
}
.linkButton:hover, .dataForm .button:hover {background-color: transparent;color:#009596;}

.colourRow {background-color:#f4f7fa;margin-top: 0;}

.landing .colourRow {background-color:#ebeff2;}

.border {border-top:2px solid #009596;}
.middleHome.border {padding:30px 0 15px;margin-top:15px;}

.noPadTop {padding-top: 0;}

.dataForm.headOverField dd {
    padding: 0 0 .625em 0;
    margin-left: 0;
}

.colourBox {background-color:#ebeff2;padding: 20px;}
.colourBox ul {padding-left: 14px;}
.colourBox li {font-size:0.875em;padding-left: 4px;}

.captcha {min-height:99px;}


.doubleLink .linkButton {padding:10px 25px;}
.doubleLink a:last-child {margin-left:32px;}

@media (min-width:1065px){
    .doubleLinkRow {float:left;}
    .doubleLink {float:right;margin-top:32px;}   
}

@media (max-width:1064px){
    .doubleLinkRow {text-align:center;padding-top:16px;}
    .doubleLink {text-align:center;}
}    

@media (max-width:1064px){
   .doubleLink .linkButton {padding:10px 10px;font-size: 0.813rem;} 
}
@media (max-width:359px){
   .doubleLink a:last-child {margin-left:0;margin-top:20px;}
}

.landing .linkButton{
	display:inline-block;
	padding:8px 35.5px;
	background-color: #009596;
	border:1px solid #009596;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:700;
	font-size:0.875rem;
	border-radius:24px;
}

.landing .linkButton:hover {background-color:transparent;color:#009596;}

.landing .linkButton.doubleOne {background-color:transparent;color:#17181a;}
.landing .linkButton.doubleOne:hover {background-color:#009596;color:#ffffff;}

.dataformList {max-width:1200px;padding:20px;margin:auto}




/**************** slideshow *****************************/

.galleria-image-nav-left, .galleria-image-nav-right {display:none;}

.slideshowContainer .slideshow{height:570px;}
@media (min-width:1043px) and (max-width:1212px){.slideshowContainer .slideshow {height:485px;}}
@media (min-width:891px) and (max-width:1042px){.slideshowContainer .slideshow {height:425px;}}
@media (min-width:781px) and (max-width:890px){.slideshowContainer .slideshow {height:375px;}}
@media (min-width:691px) and (max-width:780px){.slideshowContainer .slideshow {height:325px;}}
@media (min-width:581px) and (max-width:690px){.slideshowContainer .slideshow {height:275px;}}
@media (min-width:475px) and (max-width:580px){.slideshowContainer .slideshow {height:225px;}}
@media (min-width:382px) and (max-width:474px){.slideshowContainer .slideshow {height:175px;}}
@media (min-width:0px) and (max-width:381px){.slideshowContainer .slideshow {height:135px;}}

/**************** flex2 ***************************/

.flex2 {display: flex;flex-wrap: wrap;}


@media (min-width:715px) {
	.flex2 .wobject {width: 47%;margin-bottom: 50px;}
	.flex2 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex2 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex2 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex2 {padding-bottom: 0;text-align: center;display: flex;}
}

.flex2 img {margin-bottom:8px;}

/**************** Flex Three Columns ***************/

.flex3 {display: flex;flex-wrap: wrap;}


@media (min-width:1031px) {
	.flex3 .wobject {width: 31%;margin-bottom: 16px;}
	.flex3 .wobject:not(:nth-of-type(3n)){margin-right: 3.5%;}
}

@media (min-width:715px) and (max-width:1030px) {
	.flex3 .wobject {width: 47%;margin-bottom: 24px;}
	.flex3 .wobject:not(:nth-of-type(2n)){margin-right: 6%;}
	.middleHome.flex3 {padding-bottom: 0;}
}

@media (max-width:715px) {
	.flex3 .wobject {width: 100%;margin-bottom: 24px;}
	.middleHome.flex3 {padding-bottom: 0;}
}

/**************** Top Banner *****************************/

.landing .topBanner {position:relative;padding-bottom:0;}
.landing .topBanner .middleHome {margin:auto;text-align:center;color:#fff;}
.landing .topBanner h3 {color:#fff;}
.landing .slideshowContainer .slideshow{height:540px;}
.landing .topBanner .home {
    position: absolute;
    top: 0px;
    z-index: 10;
    width: 100%;
    padding-top: 126px;
}
.landing .home .doubleLink {float:none;}
.landing .home .linkButton.doubleOne {color: #ffffff;border:1px solid #ffffff;}
.landing .home .linkButton.doubleOne:hover {color: #ffffff;background-color:#009596;border:1px solid #009596;}
.landing .home .linkButton:hover {color: #ffffff;border:1px solid #ffffff;background-color:transparent;}
.landing .doubleLinkRow h3 {margin-bottom:0;margin-top:32px;}

/**************** Membership *****************************/

.wobjectMembership {padding-bottom:30px;}
.wobjectMembership h2,
.memberDash h2 {text-align:center;font-size:1.875em}
.memberDash h3 {font-size:1.500em;margin-top:0;}
.memberDash h4 {margin-top:0;}
.upgradePlan h1 {text-align:center;font-size:1.875em}


/* this may need an extra style added into WebGUI::Operation::Account::www_displayLogin */

.wobjectMembership .sideBySide-Col1 h1,
.wobjectMembership .sideBySide-Col2 h1{
	font-size:2rem;
}

.accountCreateForm td,
.loginForm td {
	padding:10px;

}


.accountCreateForm .button,
.loginForm .button,
.userEditProfile .button,
.upgradePlan .button {
	display:inline-block;
	padding:8px 35.5px;
	background-color: #009596;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:700;
	font-size:0.875rem;
	border-radius:24px;
	border:none;
}

.accountCreateForm .button:hover,
.loginForm .button:hover,
.userEditProfile .button:hover {
	background-color:#0083de;

}

.userEditProfile .button:nth-of-type(2){margin-left:30px;}

.membershipOptions, 
.memberInfo,
.upgradePlan > div {
	display:flex;
	justify-content:space-between;
	}

.membershipOptions > div, 
.memberInfo > div,
.upgradePlan div > div {
	background:#ebeff2;
	padding:20px;
	width:48%;
	position:relative;
	margin-bottom:24px;
}
.membershipOptions > div {padding-bottom:64px;}

.planName span {display:inline-block;}
.planName span:first-child {font-size: 1.500em;color:#17181a;font-family: 'Lora', serif;padding-bottom:14px;}
.planName span:last-child {float:right;}

.memberButton,
.upgradePlan .button {
	background-color: #009596;
	border:1px solid #009596;
	border-radius:24px;	
	padding: 3px 30px 4px;
	color: #ffffff;
	display:inline-block;
	text-decoration:none;	
	font-size:0.938em;
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance:none;
}
.memberButton:hover,
.upgradePlan .button:hover {
	background-color: #fff;
	color:#009596;
	}

.memberButton.getAccess {
	position:absolute;
	left:20px;
	bottom:20px;
	padding: 8px 30px;
}

.upgradePlan .button {padding:3px 30px 5px;}


.alreadyMember {text-align:center;font-size:0.875em}
.notice {text-align:center;background:#f1d8d8;padding:20px;margin-bottom:30px;}
.upgrade {text-align:center;background:#f1e2ad;padding:20px;margin-bottom:30px;}
.upgrade .memberButton {margin-left:20px;}


	.categoryList{width:100%;border-collapse:collapse;border:1px solid #aaaaaa;}
		.categoryList th, .categoryList td{padding:4px;border:1px solid #aaaaaa;}
	
		.categoryList th{text-align:left;}
		.categoryList td{vertical-align:top;}
	
		.categoryList td.depth2 {padding-left:20px;}
		.categoryList td.depth3 {padding-left:40px;}
		.categoryList td.depth4 {padding-left:60px;}



/* paypal button */

#payMethod0 input[type="submit"] {
    width: 212px;
    height: 80px;
    background-image: url(/extras/styles/webideas/paypal.png);
    border: none;
    font-size: 0;
    -webkit-appearance: none;
}
#payMethod0 input[type=submit]:hover {position:relative;top:-2px;}


/* create account */

.userEditProfile h2 {display:none;}
.userEditProfile table {border-collapse:collapse;}
.userEditProfile td {padding:5px;}
.userEditProfile td:first-child {width:170px;}
.userEditProfile .button {margin:16px 0;}