/****************************************************************************************************************
	FONT FACE
****************************************************************************************************************/

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/****************************************************************************************************************
	ANIMATE
****************************************************************************************************************/

ul.social li a,
a.interweb img,
.accordion-toggle,
nav.mainmenu ul li,
nav.mainmenu ul li a,
nav.topmenu ul li a,
footer a,
div.footerText a,
.overlayBlue,
span.plView,
a.featured:hover div.titleWrap span.blueLine,
a.featured div.titleWrap,
a.pList div.titleWrap span.blueLine,
a.pList div.titleWrap,
div.leftCol ul.catmenu li a,
div.topSearch button,
.btn, button
{
		 transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
 -webkit-transition: all 200ms ease-in-out 0s;
	  -o-transition: all 200ms ease-in-out 0s;

}

.CLASSNAME {
		 transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
 -webkit-transition: all 0s ease-in-out 0s;
	  -o-transition: all 0s ease-in-out 0s;
}


/****************************************************************************************************************
	FORMS and BUTTONS
****************************************************************************************************************/

button,
.btn,
.btn:visited	{
  padding:10px 20px;
  background:#0e74b2;
  color:#fff;
  text-transform:uppercase;
  font-size:13px;
  font-family:"OpenSansSemibold";
  -webkit-appearance: none;
  box-shadow: none!important;
}
.btn i 			{ margin:0 5px -3px 0; font-size:15px; }
button,
.btn:hover		{ background:#005083; color:#fff; }

.btn-large		{}
.btn-small		{}
.btn-mini		{}

input	{ -webkit-appearance:none; -webkit-border-radius:0; }

.input-field label.activeSet{
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
}

/****************************************************************************************************************
	RESET LIST
****************************************************************************************************************/

ul.reset,
nav.topmenu ul,
nav.mainmenu ul,
nav.leftmenu ul,
nav.topmenu ul,
div.homeSlider ul,
div.mapSlider ul,

ul.reset li,
nav.topmenu ul li,
nav.mainmenu ul li,
nav.leftmenu ul li,
nav.topmenu ul li,
div.mapSlider ul li	{ margin:0; padding:0; list-style:none; }


/****************************************************************************************************************
	STYLES - Homepage and Global Styles
****************************************************************************************************************/

/* h1, h2, h3, h4, h5, h6, p		{ margin:0 0 20px 0; padding:0; line-height:20px; } */ /* Reset Text Styles */

body		{ margin:0; padding:0; font-size:13px; color:#5e5e5e; line-height:20px; background:#f8f8f8; font-family:"OpenSansRegular"; }
a			{ text-decoration:none; color:#0e74b2; }
a:hover		{ text-decoration:none; color:#004470; }

.container	{ }

.blue	{ color:#0e74b2 !important; background-color: inherit!important; }


/****** New Header Bar *******/

.headerBarNew{
  width: 100%;
  display: block;
  height: 90px;
  background-color: #f8f8f8;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 40;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.10);
  box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.10);
}

.headerBarNewInner{
  display: block;
  height:100%;
}

@media(max-width:1200px) {
  .headerBarNewInner{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.headerBarInner{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: 100%;
  display: table;
  position: relative;
}

.logo{
  display: table-cell;
  width: 300px;
  height: 100%;
  vertical-align: top;
  background-image: url('../images/logo.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media(max-width: 768px) {
  .logo{
    width: 250px;
  }
}

.navigationOuter{
  display: table-cell;
  height: 100%;
  text-align: right;
  vertical-align: bottom;
  padding-left:120px;
}

.mobileNavigationOuter{
  height: 100%;
  text-align: right;
  vertical-align: middle;
  display: none;
}

.mobileNavIcon{
  width: 42px;
  height: 42px;
  background-image: url('../images/menu-mobile.svg');
  background-size: cover;
  float: right;
}

.mobileNavIcon.close{
  background-image: url('../images/menu-close.svg');
}

.mobileNavIcon:hover{
  opacity: 0.6;
  cursor: pointer;
}

.headerBarQuickLinks{
  position: absolute;
  top: 120px;
  right: 0px;
  width:100px;
  padding: 10px;
  text-align: center;
  border-radius: 6px 0px 0px 6px;
  background-color: #EEE;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
}

.headerBarQuickLinks a{
  cursor: pointer;
}

.headerBarQuickLinks a:hover{
  opacity: 0.6;
}

/* Mobile Nav Hover Full */
#mobileNavigation{
  width: 100%;
  height: 100%;
  background-color: #56a4ce;
  position: fixed;
  top: 90px;
  right: 0px;
  z-index: 1000;
  display: none;
  overflow-y: scroll;
}

#mobileNavigation ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  /*background-color: #AAA;*/
}

#mobileNavigation ul li{
  text-align: left;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 20px;
  color: #FFFFFF;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

#mobileNavigation ul li.selected, #mobileNavigation ul li:hover{
  cursor: pointer;
  background-color: rgba(255,255,255,0.2);
}

#mobileNavigation ul.inner{
  display: none;
  background-color: rgba(255,255,255,0.2);
}

#mobileNavigation ul.inner.selected{
  display: block;
}

#mobileNavigation ul.inner li{
  font-size: 12px;
  color: #FFFFFF;
  padding-left: 40px;
}

#mobileNavigation ul.inner a.selected{
  background-color: rgba(255,255,255,0.4);
  font-weight: bold;
}


@media(max-width:1200px) {
  .navigationOuter{
    padding-left: 40px;
  }
}

@media(max-width: 900px) {
  .navigationOuter{
    display: none;
  }

  .mobileNavigationOuter{
    display: table-cell;
  }
}

.navigationOuter ul{
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
}

.navigationOuter ul li{
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "OpenSansSemibold";
  border-bottom: 4px solid transparent;
}

.navigationOuter ul li a{
  color: #003c62;
  text-decoration: none;
}

.navigationOuter ul li.selected{
  border-bottom: 4px solid #0e74b2;
}

.navigationOuter ul li:hover a{
  color: #333333;
}

/***** New Subnav ******/

.subNavigation{
  width: 100%;
  display: block;
  height: 50px;
  background-color: #56a4ce;
}



/* HEADER ----------------------------------------------------------------------------------------------------*/

div.headerBar		{ background:#f8f8f8; position:relative; }
header				{ height:110px; position:relative; }
a.brand				{ position:absolute; top:10px; left:0; }

div.topRight							{ text-align:right; }
div.topSearch							{  }
/*div.topSearch input[type="text"]		{ color:#ccc; }*/
div.topSearch input[type="text"]:focus	{ color:#4d4d4d; background:#fff; }
div.topSearch button					{ margin:0; padding:0; outline:0; border:0; height:24px; width:24px; background:#fff; float:right; position:relative; left:-27px; top:3px; color:#e0e0e0; margin-right:-24px; font-size:12px; }
div.topSearch button:hover				{ background:#0e74b2; color:#fff; }

div.menuBar			{ height:53px;
	background-color: #003c62;
	/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDIlIiB4Mj0iNTAlIiB5Mj0iLTIuMDAwMDAwMDAwMDAwMDElIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMmE0ZSIgc3RvcC1vcGFjaXR5PSIwLjQ2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmViMSIgc3RvcC1vcGFjaXR5PSIwLjQ2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,43,78,.46) -2%, rgba(0,110,177,.46) 102%);
	background-image: -o-linear-gradient(bottom, rgba(0,43,78,.46) -2%, rgba(0,110,177,.46) 102%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,43,78,.46) -2%, rgba(0,110,177,.46) 102%);
	background-image: linear-gradient(bottom, rgba(0,43,78,.46) -2%, rgba(0,110,177,.46) 102%);*/
}

nav.topmenu						{ margin-bottom:25px; }
nav.topmenu	ul 					{ background:#e7e7e7;  padding:5px 10px; display:inline-block; *display:inline; border-radius:0 0 3px 3px;  }
nav.topmenu li 					{ display:inline-block; border-left:1px solid #999; line-height:13px; text-transform:uppercase; font-size:11px; }
nav.topmenu li:first-child		{ border-left:0; }
nav.topmenu	li a,
nav.topmenu	li a:visited		{ display:inline-block; *display:inline; *zoom:1; color: black; padding:0 10px; }
nav.topmenu	li a:hover			{ color:#0e74b2; }

nav.mainmenu ul 			{ width:100%; height:53px; border-left:1px solid #002d4c; border-right:1px solid #1a5981;  }
nav.mainmenu ul li			{ float:left; display:block; width:16.66%; }
nav.mainmenu ul li a		{ margin-right:10px; float:left; display:block; width:100%; border-left:1px solid #1a5981; text-align:center;  height:53px; border-right:1px solid #1a608b;  line-height:51px; font-family:"OpenSansSemibold"; color:#fff; text-shadow:1px 1px 1px #000; text-transform:uppercase; }
nav.mainmenu ul li a span	{ border-right:1px solid #002d4c; display:block; width:100%; height:53px; }
nav.mainmenu ul li a i		{ display:none; }

nav.mainmenu ul li:hover	{ background-color: #00365a; box-shadow:inset 2px 2px 2px #002945; }
nav.mainmenu ul li:hover a	{ color:#65bbf0; }
nav.mainmenu ul li.selected,
nav.mainmenu ul li.selected:hover	{
	box-shadow:none;
	background-color: #004d79;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDIlIiB4Mj0iNTAlIiB5Mj0iLTIuMDAwMDAwMDAwMDAwMDElIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDk3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjc5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #004973 -2%, #00679f 102%);
	background-image: -o-linear-gradient(bottom, #004973 -2%, #00679f 102%);
	background-image: -webkit-linear-gradient(bottom, #004973 -2%, #00679f 102%);
	background-image: linear-gradient(bottom, #004973 -2%, #00679f 102%);
}

nav.mainmenu ul.dropdown-menu {
	height: auto;
	border-left: 1px solid #1A5981;
    border-right: 1px solid #1A608B;
	background-color: #004C7C;
}

nav.mainmenu ul.dropdown-menu li {
	float: none;
	width: auto;
}

nav.mainmenu ul.dropdown-menu li a {
	float: none;
	width: auto;
	margin: auto;
	color: white;
}

/******* New Content Styles ********/

#contentToHide{
  padding-top:90px;
}

.contentContainer{
  width: 100%;
  margin: auto;
  max-width: 1200px;
}

.contentContainerInner{
  display: block;
  position: relative;
  padding-bottom: 40px;
  padding-top: 40px;
}

.contentContainerInner.bottomFix{
  padding-bottom: 0px;
}

.heroHome .contentContainerInner{
  padding-top: 0px;
}

/*.heroHome .contentContainerInner{
  padding: 0px;
}*/

.contentContainerInner .featureItemsContainer{
  display: table;
  table-layout: fixed;
}

.contentContainerInner.featureItems .featureItem{
  display: table-cell;
  padding-left: 10px;
  padding-right: 10px;
}

.contentContainerInner.featureItems .featureItem.half{
  width: 50%;
}

.contentContainerInner.featureItems .featureItem:first-child{
  padding-left: 0px;
}

.contentContainerInner.featureItems .featureItem:last-child{
  padding-right: 0px;
}

.contentContainerInner .featureItemOuter{
  padding-left: 5px;
  padding-right: 5px;
}

.contentContainerInner .featureItemOuter:first-child{
  padding-left: 0px;
  padding-right: 10px;
}

.contentContainerInner .featureItemOuter:last-child{
  padding-right: 0px;
  padding-left: 10px;
}

.contentContainerInner.featureItems .span6{
  width: 47.8%;
}

.contentContainerInner .featureItem.featured img, .featureItemOuter p img{
  width: 100%;
}

.contentContainerInner .featureItemOuter{
  margin-bottom: 20px;
}

.contentContainerInner .featureItemOuter.big{
  margin-bottom: 0px;
  margin-top: 20px;
}

.featureItemOuter a.featureItem h3{
  margin-top: 10px;
}

/* NDIS Page */
.ndisHeader{
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.ndisHeader .left{
  display: table-cell;
  width: 60%;
  vertical-align: top;
}

.ndisHeader .left h2{
  margin-top: 20px;
}

.ndisHeader .right{
  display: table-cell;
  width: 400px;
  padding-left: 30px;
  vertical-align: top;
}

.ndisHeader .ndisHeaderImage{
  display: block;
  background-image: url('../images/ndis-image.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 280px;
  margin-top: 20px;
}

@media(max-width: 1200px) {
  .contentContainerInner{
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media(max-width:768px) {
  .contentContainerInner .featureItemOuter{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

  .contentContainerInner .featureItemOuter a{
    width: 100%!important;
  }
}

.navSplitContent{
  width: 100%;
  display: table;
}

.navSplitContent .subNav{
  display: table-cell;
  width: 250px;
  vertical-align: top;
}

.navSplitContent .mainPageContent{
  display: table-cell;
  vertical-align: top;
  padding-left: 80px;
}

@media(max-width: 768px) {
  .navSplitContent .subNav{
    display: none;
  }

  .navSplitContent .mainPageContent{
    padding-left: 0px;
  }

  .navSplitContent h1 {
    text-align: left;
  }
}

.basicContentSection{
  display: block;
}

.basicContentSection .imageFloatRight{
  width: 350px;
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}


.navSplitContent .subNav ul{
  list-style: none;
  margin: 0px;
}

.navSplitContent .subNav ul li{
  padding-bottom: 1em;
}

.navSplitContent .subNav ul li a{
  color: rgba(14,116,178,.5);
  font-weight: bold;
  font-size: 16px;
  font-family: "OpenSansBold";
  line-height: 20px;
  text-decoration: none;
}

.navSplitContent .subNav ul li.selected a, .navSplitContent .subNav ul li:hover a{
  color: #0E74B2;
  cursor: pointer;
}

.navSplitContent .mainPageContent h1{
  margin-top: 0px;
}

.navSplitContent .mainPageContent h2{
  margin-top: 30px;
}

.navSplitContent .mainPageContent h1+h2{
  margin-top: 0px;
}

.navSplitContent .mainPageContent p{
  font-size: 14px;
}

.navSplitContent .mainPageContent ul li{
  font-size: 14px;
}

.navSplitContent .mainPageContent .contentSplitContainer{
  width: 100%;
  display: table;
}

.navSplitContent .mainPageContent .imageFloatRight{
  width: 250px;
  height: auto;
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

@media(max-width: 768px) {
  .navSplitContent .mainPageContent .imageFloatRight{
    width: 100%;
  }
}

.navSplitContent .mainPageContent .contentLeft{
  display: table-cell;
  vertical-align: top;
  padding-right: 30px;
}

.navSplitContent .mainPageContent .bannerRight{
  display: table-cell;
  width: 250px;
  height: auto;
  vertical-align: top;
  background-color: #DDD;
  padding: 20px;
}

.navSplitContent .mainPageContent .bannerRight .bannerImage{
  width: 100px;
  height: auto;
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

@media(max-width:768px) {
  .navSplitContent .mainPageContent .contentSplitContainer{
    display: block;
  }

  .navSplitContent .mainPageContent .bannerRight{
    display: block;
    width: 100%;
    margin-top: 40px;
  }

  .navSplitContent .mainPageContent .contentLeft{
    display: block;
    padding-right: 0px;
  }
}

/**** New People Detail List *****/

.personDetail{
  margin-bottom: 40px;
  min-height: 120px;
  display: table;
  width: 100%;
}

.personDetail .personImage{
  display: table-cell;
  width: 140px;
  vertical-align: top;
}

.personDetail .personImage .imageInner{
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 20px;
  background-image: url('../images/headshotexample.jpg');
  background-size: cover;
  background-position: center;
}

.personContent{
  display: table-cell;
  vertical-align: top;
}

.personDetail h1{
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 22px;
}

.personDetail h2{
  margin-top: 0px;
  font-size: 16px;
  font-weight: 400;
}

/******* Product Item ********/

.productItem{
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  display: inline-block;
  margin-bottom: 20px;
}

.productItem.clinicDetail{
  width: 200px;
}

@media(max-width: 1000px) {
  .productItem{
    width: 31%;
  }
}

.productItem.prescriptionOption{
  width: 31%;
}

.productItem.prescriptionOption:first-child{
  margin-left: 0px;
}

.productItem.prescriptionOption:nth-child(3n){
  margin-right: 0px;
}

.productItem.prescriptionOption:nth-child(4n){
  margin-left: 0px;
}

@media(max-width: 700px) {
  .productItem{
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }

  .productItem.prescriptionOption{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}

h2.prescriptionHeader{
  margin-top: 40px;
  margin-bottom: 30px;
}

.productItem .productCardContainer{
  height: 400px;
  padding: 0px;
  background-color: #F5F5F5;
  -webkit-box-shadow: 0px 1px 1px #CCC;
  -moz-box-shadow: 0px 1px 1px #CCC;
  box-shadow: 0px 1px 1px #CCC;
  position: relative;
}

.productItem .productCardContainer:hover{
  -webkit-box-shadow: 0px 2px 4px #CCC;
  -moz-box-shadow: 0px 2px 4px #CCC;
  box-shadow: 0px 2px 4px #CCC;
  cursor: pointer;
}

.productItem .productCardContainer .cardImage{
  width: 100%;
  height: 70%;
  background-position: center;
  background-size: cover;
}

.productItem .productCardContainer .cardFooter{
  height: 30%;
  text-align: center;
  overflow: hidden;
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #FFFFFF;
}

.productItem.prescriptionOption .productCardContainer{
  height: 400px;
}

.productItem.prescriptionOption .productCardContainer .cardImage{
  height: 80%;
}

.productItem.prescriptionOption .productCardContainer .cardFooter{
  height: 25%;
}

.cardFooterInner{
  padding: 1.5em 1.5em 1.5em;
}

.cardFooter h1{
  color: #444;
  padding-bottom: 1em;
  font-size: 1.25em;
  font-weight: 100;
  letter-spacing: .005em;
  line-height: 1.3;
  margin: 0;
  font-family: "OpenSansLight";
}

@media (max-width: 768px){
  .cardFooter h1{
    text-align: center;
  }
}

.cardFooter h4{
  color: #003c62;
  font-size: .75em;
  font-style: italic;
  font-weight: 400;
  padding-bottom: 1em;
  text-transform: uppercase;
  margin: 0;
  font-family: "OpenSansBold";
}

.relatedProducts{
  margin-top: 20px;
}

.productItem.relatedProduct{
  margin-bottom: 0px;
  margin-top: 10px;
}

.productItem.relatedProduct .productCardContainer{
  height: 200px;
}

.productItem.relatedProduct .cardFooter h4{
  display: none;
}

.productItem.relatedProduct .cardFooter h1{
  font-size: 1em;
}

.productItem.relatedProduct .cardFooterInner{
  padding: 1em 1em 1.5em;
}

/******* Document Item - Based of product item ********/
.productItem.document .productCardContainer{
  height: 200px;
}

.productItem.document .productCardContainer .cardImage.documentThumbnail{
  background-image: url('../images/pdf.jpg');
  background-size: 80%;
  background-repeat: no-repeat;
}

.productItem.document .cardFooter{
  height: auto;
}

.productItem.document .cardFooterInner{
  padding: 1.2em;
}

.productItem.document .cardFooter h1{
  padding: 0px;
}

h2.groupTitle{
  margin-bottom: 20px;
}

/******* Product Detail **********/

.productDetailContainer{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.productDetailContainer .imagesLeft{
  display: table-cell;
  width: 33%;
  vertical-align: top;
  position: relative;
}

.productDetailContainer .contentRight{
  display: table-cell;
  vertical-align: top;
  padding-left: 40px;
}

.productDetailContainer .contentRight p{

}

.productDetailContainer h1{
  margin-top: 0px;
}

.productDetailContainer .imageLarge{
  width: 100%;
  margin-bottom: 20px;
}

.productDetailContainer .mobileImagesUnder{
  display: none;
}

.productDetailContainer .imageSmall{
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 15px;
}

.productDetailContainer .imageSmall:nth-of-type(3n) {
  margin-right: 0px;
}

a.backToProducts h1{
  display: inline-block;
  margin-top: 0px;
  font-size: 24px;
  position: relative;
  top: -20px;
}

a.backToProducts:hover h1{
  text-decoration: none;
  color: grey;
}

@media(max-width: 768px) {
  .productDetailContainer{
    display: block;
  }

  .productDetailContainer .imagesLeft{
    display: none;
    width: 100%;
  }

  .productDetailContainer .contentRight{
    display: block;
    width: 100%;
    padding-left: 0px;
  }

  .productDetailContainer .contentRight h1{
    text-align: left;
    margin-top: 0px;
  }

  .productDetailContainer .mobileImagesUnder{
    display: block;
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
  }

  .productDetailContainer .mobileImagesUnder .imageSmall{
    display: inline-block;
    padding-right: 1%;
    margin-bottom: 15px;
    width: 48%;
    overflow: hidden;
  }

  .productDetailContainer .mobileImagesUnder .imageSmall:nth-child(2n) {
    padding-right: 0px;
    padding-left: 1%;
  }

  .productDetailContainer .mobileImagesUnder .imageSmall img{
    width: 100%;
  }

  .productDetailContainer .mobileImagesUnder .imageSmall:nth-child(2n){
    margin-right: 0px;
  }
}

/****** Product Filters *********/
h2.filterHeading{
  text-align: center;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 60px;
}

.productFiltersContainer{
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 80px;
}

.productFiltersContainer .filterHeading{
  display: table-cell;
  width: 200px;
  vertical-align: middle;
}

.productFiltersContainer .filterItem{
  display: table-cell;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  height: 10px;
}

.productFiltersContainer .filterItem .itemInner{
  border-radius: 6px;
  background-color: #F5F5F5;
  padding: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%;
  display: table;
  width: 90%;
  border: 2px solid #0e74b2;
  color: #0e74b2;
}

.productFiltersContainer .filterItem:hover .itemInner, .productFiltersContainer .filterItem.selected .itemInner{
  background-color: #0e74b2;
  color: #FFFFFF;
  cursor: pointer;
}

.productFiltersContainer .filterItem .itemInner .innerName{
  display: table-cell;
  vertical-align: middle;
}

@media(max-width: 768px) {
  .productFiltersContainer{
    display: block;

  }

  .productFiltersContainer .filterItem{
    display: block;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
  }

  .productFiltersContainer .filterItem .itemInner{
    width: 100%;
  }
}

/************ Contact Card *****************/

.contactItem{
  width: 48%;
  margin-left: 0%;
  margin-right: 2%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
}

@media(max-width: 700px) {
  .contactItem{
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.contactItem .contactItemContainer{
  padding: 20px;
  background-color: #F5F5F5;
  -webkit-box-shadow: 0px 1px 1px #CCC;
  -moz-box-shadow: 0px 1px 1px #CCC;
  box-shadow: 0px 1px 1px #CCC;
  position: relative;
}

.contactItem.clinicItem .contactItemContainer{
  min-height: 220px;
}

.contactItem.officeItem .contactItemContainer{
  min-height: 200px;
}

.contactItem .contactItemContainer:hover{
  -webkit-box-shadow: 0px 2px 4px #CCC;
  -moz-box-shadow: 0px 2px 4px #CCC;
  box-shadow: 0px 2px 4px #CCC;
  cursor: pointer;
}

.contactItem .contactItemContainer h2{
  margin-top: 0px;
}

.contactItem .contactItemContainer p{
  margin-bottom: 0px;
}

.contactItem .contactItemContainer p:first-of-type{
  margin-bottom: 10px;
}

/*********** Clinic Detail **************/

.clinicDetailContainer{
  width: 100%;
  display: table;
}

.clinicDetailContainer .contentLeft{
  display: table-cell;
  padding-right: 40px;
  vertical-align: top;
}

.clinicDetailContainer .mapRight{
  display: table-cell;
  width: 50%;
  height: 400px;
  vertical-align: top;
}

.clinicDetailContainer .contentLeft h1{
  margin-top: 0px;
}

.clinicDetailContainer .contentLeft h2{
  margin-top: 20px;
}

.clinicDetailContainer .mapRight #map{
  height: 100%;
}

.footerOuter{
  width: 100%;
  display: table;
  table-layout: fixed;
}

@media(max-width:768px) {
  .footerOuter{
    padding-top: 40px;
  }
}

.footerGroup{
  display: table-cell;
  vertical-align: top;
  padding-right: 60px;
}

.footerGroup:last-of-type{
  padding-right: 0px;
}

/******** Detail List - Used For Services Conditions List and About FAQ List **********/

.detailItemCard{
  padding: 20px;
  background-color: #F5F5F5;
  -webkit-box-shadow: 0px 1px 1px #CCC;
  -moz-box-shadow: 0px 1px 1px #CCC;
  box-shadow: 0px 1px 1px #CCC;
  position: relative;
  margin-bottom: 20px;
}

.detailItemCard:hover{
  -webkit-box-shadow: 0px 2px 4px #CCC;
  -moz-box-shadow: 0px 2px 4px #CCC;
  box-shadow: 0px 2px 4px #CCC;
  cursor: pointer;
}

.detailItemCard h2{
  margin-top: 0px!important;
  font-size: 20px;
}

.detailItemCard p.first{
  margin-bottom: 0px;
}

.detailItemCard .moreDetail p:last-child{
  margin-bottom: 0px;
}

.detailItemCard .moreDetail{
  display: none;
  margin-top: 10px;
}

/********* Standard a ***********/
.buttonGroup{
  margin-top: 40px;
}

.button a{
  color: #0E74B2;
  font-weight: bold;
  font-size: 16px;
  font-family: "OpenSansBold";
  line-height: 20px;
}

.button a:hover{
  cursor: pointer;
  opacity: 0.8;
  color: #5e5e5e;
}

.button{
  margin-top: 10px;
}


/*************************** MDL STEPPER *************************/

/* Simple setup for this demo */

.mdl-card {
  width: 100%;
  min-height: 0;
  margin: 10px auto;
}

.mdl-card__supporting-text {
  width: 100%;
  padding: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  width: 20%;
  /* 100 / no_of_steps */
}


/* Begin actual mdl-stepper css styles */

.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  display: table-cell;
  position: relative;
  padding: 24px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:hover,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  background-color: rgba(0, 0, 0, .06);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  border-radius: 15% / 75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle {
  background-color: #757575;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
  background-color: rgb(33, 150, 243);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
  content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
  -moz-transform: scaleX(-1);
  /* Gecko */
  -o-transform: scaleX(-1);
  /* Opera */
  -webkit-transform: scaleX(-1);
  /* Webkit */
  transform: scaleX(-1);
  /* Standard */
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
  content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  font-size: 14px;
  font-weight: normal;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  text-align: center;
  color: rgba(0, 0, 0, .26);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-title {
  font-weight: 500;
  color: rgba(0, 0, 0, .87);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
  font-weight: 300;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  font-size: 12px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-optional {
  color: rgba(0, 0, 0, .54);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #BDBDBD;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}

.formStep{
  display: none;
  padding: 20px;
}

#enquiryYourDetails{
  display: block;
}

.formStep.enquiryStep{
  padding: 0px;
}


/* Referal Form Specific */
.referralPreFormContainer, .referralFinishedFormContainer{
  display: block;
  text-align: left;
}

.referralFormContainer, .referralFinishedFormContainer{
  display: none;
}

.enquiryFinishedFormContainer{
  display: none;
  text-align: left;
}

.referralPreFormContainer .input-field{
  text-align: left;
}

.referralPreFormContainer h2{
  margin-top: 40px;
  margin-bottom: 40px;
}

.referralPreFormContainer h1, .referralFinishedFormContainer h1{
  margin-top: 0px;
}

.row.buttons .btn.default{
  margin-right: 10px;
  background-color: #F7F7F7;
  color: #666;
}

.relationItem{
  width: 22%;
  margin-left: 0%;
  margin-right: 1%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
}

@media(max-width: 1100px) {
  .relationItem{
    width: 32%;

  }
}

@media(max-width: 768px) {
  .relationItem{
    width: 90%;
    margin-left: 2%;
    margin-right: 2%;
  }
}

.relationItem .relationItemContainer{
  padding:10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #F5F5F5;
  /*-webkit-box-shadow: 0px 1px 1px #CCC;
  -moz-box-shadow: 0px 1px 1px #CCC;
  box-shadow: 0px 1px 1px #CCC;*/
  border: 2px solid #0e74b2;
  border-radius: 6px;
  position: relative;
  text-align: left;
}

.relationItem .relationItemContainer:hover, .relationItem.selected .relationItemContainer{
  background-color: #0e74b2;
  cursor: pointer;
}

.relationItem .relationItemContainer h2{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #0e74b2;
}

.relationItem .relationItemContainer:hover h2, .relationItem.selected .relationItemContainer h2{
  color: #FFFFFF;
}

.relationItem .relationItemContainer p{
  margin-bottom: 0px;
}

.relationItem .relationItemContainer p:first-of-type{
  margin-bottom: 10px;
}

/* Enquiry Item */
.relationItem.enquiry{
  width: 48%;
}

.relationItem.enquiry .relationItemContainer{
  width: 100%;
}

/* Enquiry Type Item */
.relationItem.enquiry.type{
  width: 32%;
  margin-left: 0%;
}

.relationItem.enquiry.type:nth-child(2n) {
  margin-left: 0%;
}

.relationItem.enquiry.type:nth-child(3n) {
  margin-right: 0%;
}

.relationItem.enquiry.type .relationItemContainer{
  width: 100%;
}

.relationItem.enquiry.about{
  width: 48%;
  margin-left: 0%;
}

.relationItem.enquiry.about .relationItemContainer{
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

.radioIcon{
  width: 20px;
  height: 20px;
  border: 2px solid #0e74b2;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
}

.radioIcon.square{
  border-radius: 6px;
}

.relationItem.enquiry .relationItemContainer h2{
  display: inline-block;
}

.relationItem.enquiry .relationItemContainer{
  display: table;
}

.relationItem .radioOuter{
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}

.relationItem .textOuter{
  display: table-cell;
  vertical-align: middle;
}

.relationItem .relationItemContainer:hover .radioIcon{
  border-color: #f8f8f8;
}

.relationItem.selected .relationItemContainer .radioIcon{
  background-color: #0e74b2;
}

.relationItem.selected .relationItemContainer .radioIcon{
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}

.enquiryQuestionSet{
  display: none;
}


@media(max-width: 990px) {
  .relationItem.enquiry{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .relationItem.enquiry.type{
    width: 100%;
  }

  .relationItem.enquiry.about{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Referral review sections */
.reviewSection{
  display: block;
  background-color: #EEE;
  padding: 20px;
  margin-bottom: 20px;
}

.reviewSection h3{
  margin-top: 0px;
}

.reviewItemsRow{
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
}

.reviewItemsRow .reviewItem{
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}

.reviewItem .title{
  font-family: "OpenSansBold";
}

.reviewSection h3.withTopMargin{
  margin-top: 40px;
}

@media(max-width: 1000px) {
  .reviewItemsRow{
    display: block;
    width: auto;
    margin-bottom: 0px;
  }

  .reviewSection{
    padding-bottom: 0px;
  }

  .reviewSection.keepPadding{
    padding-bottom: 20px;
  }

  .reviewItemsRow .reviewItem{
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
  }

  .reviewItemsRow .reviewItem.hideMobile{
    display: none;
  }
}

/* PAGESLIDE ----------------------------------------------------------------------------------------------------*/

#pageslide { display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; /* Do not change at all. */
	width: 200px;
	padding: 20px;
	background-color: #3f3f3f;
	box-shadow:inset -20px 0px 20px #393939;
}

.mobileNav,
.mobileNav:visited,
.mobileNav:active	{ display:none; float:left; width:30px; height:30px; line-height:30px; text-align:center; margin-right:10px; border:0;font-size:20px; color:#999; }
.mobileNav:hover	{ color:#0e74b2; }

h3.mobile			{ display:none; }


/* CONTENT ----------------------------------------------------------------------------------------------------*/

div.content			{ padding:20px 0 80px 0; }
div.content.formContent {
  padding-top: 20px;
}
div.heroBarHome		{ position:relative; height:345px;
	background-color: #1993dd;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZmJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZGJmMWZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiM3ZmMzZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YmIzZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #f5fbff 0%, #dbf1fd 32.47%, #7fc3e9 81.03%, #6bb3d9 100%);
	background-image: -o-linear-gradient(bottom, #f5fbff 0%, #dbf1fd 32.47%, #7fc3e9 81.03%, #6bb3d9 100%);
	background-image: -webkit-linear-gradient(bottom, #f5fbff 0%, #dbf1fd 32.47%, #7fc3e9 81.03%, #6bb3d9 100%);
	background-image: linear-gradient(bottom, #f5fbff 0%, #dbf1fd 32.47%, #7fc3e9 81.03%, #6bb3d9 100%);
	background:url(../images/bg_hero_home.png) repeat-x \9;
}

div.heroHome			{ height:345px; }

div.homeSlider				{ position:relative; }
div.homeSlider ul			{}
div.homeSlider ul li		{ position:relative; height:345px; }
div.homeSlider ul li img	{ width:608px; position:absolute; right:0; bottom:0; z-index:0; }

div.heroHome div.heroText				{ width:470px; position:absolute; z-index:1; top:25px; }
div.heroHome div.heroText h1				{ margin-bottom:15px; font-family:"OpenSansLight"; color:#fff; color: text-shadow: 0 1px 0 rgba(60,149,193,.42); letter-spacing:-2px; line-height:35px; font-size:35px;  }
div.heroHome div.heroText h1	strong		{ font-family:"OpenSansBold"; }
div.heroHome div.heroText p				{ margin-bottom:25px; color:#295f82; font-size:15px; }
div.heroHome div.heroText .btn			{}

div.featuredRow				{ margin-bottom:40px; display:block; clear:both; }
a.featured					{ text-align:center; margin-bottom:20px;  }
a.featured h3 				{ font-family:"OpenSansBold"; color:#5e5e5e; font-size:13px; margin-bottom:0px; }
a.featured p				{ color:#5e5e5e; font-size:11px; }

a.featured div.titleWrap						{ height:65px; background:#efefef; position:relative; border-top:4px solid #a9a9a9; }
a.featured div.titleWrap span.blueLine			{ display:block; position:absolute; top:-4px; left:0px; height:4px; width:20%; background:#0e74b2; }

a.featured div.titleWrap.noLine {
  border-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 1px 1px #CCC;
  -moz-box-shadow: 0px 1px 1px #CCC;
  box-shadow: 0px 1px 1px #CCC;
}

a.featured div.titleWrap.noLine:hover{
  -webkit-box-shadow: 0px 2px 4px #CCC;
  -moz-box-shadow: 0px 2px 4px #CCC;
  box-shadow: 0px 2px 4px #CCC;
  cursor: pointer;
}

/*a.featured:hover div.titleWrap span.blueLine	{ width:100%; }
a.featured:hover div.titleWrap					{  background:#e5f5fe; }
a.featured:hover h3 							{ color:#0e74b2; }
a.featured:hover p 								{ color:#0e74b2; }*/

div.contentBar									{ padding:20px; position:relative; }



/* FOOTER ----------------------------------------------------------------------------------------------------*/

div.footerBar				{ background:#56a4ce; color:#b0d1e6; position:relative; }
footer						{ padding:40px 0 20px 0; }
footer a,
footer a:visited			{ color:#b6d4e7; }
footer a:hover				{ color:#fff; }

div.footerText,
div.footerText a,
div.footerText a:visited	{ color:#b0d1e6; }
div.footerText a:hover		{ color:#fff; }

div.footerTextBar			{ background:#56a4ce; }
div.footerText				{ padding-bottom:20px; }
div.footerText p			{ margin:0; padding:0; position:relative; top:2px; }
a.interweb img				{ opacity:0.5; filter:alpha(opacity=50); float:right; }
a.interweb:hover img		{ opacity:0.8; filter:alpha(opacity=80); }


div.footerText .contentContainerInner{
  padding: 0px;
}

footer h3					{ color:#f2f7fa; font-family:"OpenSansSemiBold";}

footer img.map				{ }

ul.footerLinks	 	{ float:left; }

ul.footerLinks2 	{ float:right; padding-right:30px;  }
ul.footerLinks li,
ul.footerLinks2 li 	{ line-height:28px; }

div.mapSlider				{ position:relative; }

/* Footer mobile */
@media(max-width: 768px) {
  .footerGroup.mobileHide{
    display: none;
  }

  .footerGroup h3{
    display: none;
  }

  .footerGroup{
    padding:0px;
  }

  .footerTextBar{
    padding: 0px;
  }

  .footerBar .contentContainerInner, .footerTextBar .contentContainerInner{
    padding-bottom: 0px;
  }
}

/* SOCIAL ICONS ----------------------------------------------------------------------------------------------*/

ul.social 						{ }
ul.social li 					{ float:left; margin-right:2px; }
ul.social li a 					{ float:left; width:26px; height:26px; text-align:center; border-radius:50%; line-height:14px; color:#fff; background-color:#000; }
ul.social li a span				{ position:relative; top:5px; }

ul.social li a.facebook 		{ }
ul.social li a.facebook:hover 	{ background-color:#485b95; }

ul.social li a.twitter 			{ }
ul.social li a.twitter:hover	{ background-color:#66a8de; }
ul.social li a.twitter span		{ left:1px; } /* align twitter logo to center */

ul.social li a.google 			{ }
ul.social li a.google:hover		{ background-color:#ca292d; }

ul.social li a.pinterest		{ font-size:15px; }
ul.social li a.pinterest:hover	{ background-color:#b82429; }

ul.social li a.linkedin			{ font-size:15px; }
ul.social li a.linkedin:hover	{ background-color:#3399cc; }


/****************************************************************************************************************
	INSIDE PAGES
****************************************************************************************************************/

div.heroBar			{ /*box-shadow: 3px 4px 13px rgba(0,63,104,.09);*/
	background-color: #56a4ce;
	/*box-shadow: 3px 4px 13px rgba(0,63,104,.09);*/
	/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjODljOWViIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzNiOWRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(bottom, #fff 0%, #89c9eb 65.97%, #73b9df 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, #89c9eb 65.97%, #73b9df 100%);
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #89c9eb 65.97%, #73b9df 100%);
	background-image: linear-gradient(bottom, #fff 0%, #89c9eb 65.97%, #73b9df 100%);
	background:url(../images/bg_hero_inside.png) repeat-x \9;*/
}

/*div.hero			{ height:175px; }*/
div.hero h1			{ display:inline-block; *display:inline; *zoom:1; margin:0px 0 7px 0; padding-bottom:13px; font-family:"OpenSansBold"; color:#fff;  letter-spacing:-3px; line-height:50px; font-size:59px; }

div.breadcrumbs				{ color:#FFFFFF; }
div.breadcrumbs i			{ padding:0 5px; }
div.breadcrumbs	a,
div.breadcrumbs	a:visited	{ color:#FFFFFF; font-size:12px; }
div.breadcrumbs	a:hover		{ color:#333333; }
div.categoriesTab			{ background:#fff; padding:20px; margin-bottom:30px; }
div.catConCol1				{ width:49%; float:left; }
div.catConCol2				{ width:49%; float:right; }

div.catConCol1 h3,
div.catConCol2 h3		{ color:#0e74b2; margin:20px 0 20px 0; font-family:"OpenSansSemiBold"; }

div.catConCol1 img,
div.catConCol2 img		{ width:100%; }

ul.catmenu						{ width:48%; float:left; margin-bottom:30px; }
ul.catmenu2						{ width:48%; float:right; }

ul.catmenu li					{ }
ul.catmenu li a,
ul.catmenu li a:visited			{ display:block; border-top:1px solid #eeeeee; background:url(../images/bullet_arrow.png) no-repeat 0 9px; color:#555; padding:8px 8px 8px 25px; }
ul.catmenu li a:hover			{ color:#0e74b2; }

ul.catmenu li:first-child	a 	{ border-top:0; }

ul.tabmenu					{ margin:0; padding:0; border:0; }
ul.tabmenu	li 				{ margin-right:5px; }
ul.tabmenu	li a 			{ padding:10px 30px; background:#f8f8f8; border-radius:0; font-family:"OpenSansSemiBold"; font-size:14px; border-color:#f8f8f8 !important; color:#646464 !important; }

ul.tabmenu	li				{  }
ul.tabmenu	li.active a		{ background:#fff;  border:1px solid #fff !important; color:#0e74b2 !important; }


div.leftCol							{ padding-top:8px; }
div.leftCol h3						{ margin:0; background:#0e74b2; color:#fff; border-left:4px solid #005e92; padding:12px 20px; font-family:"OpenSansSemiBold"; }
div.leftCol ul.catmenu				{ width:100%; border-bottom:1px solid #eee; }
div.leftCol ul.catmenu li a,
div.leftCol ul.catmenu li a:visited	{ padding:10px 8px 10px 35px; background:url(../images/bullet_arrow.png) no-repeat 10px 12px;    }
div.leftCol ul.catmenu li a:hover	{  background:#fff url(../images/bullet_arrow.png) no-repeat 10px 12px;   }
div.leftCol ul.catmenu li.active a	{ background:url(../images/bullet_arrow.png) no-repeat 10px 12px; color:#0e74b2;  }

div.productList				{ margin-bottom:40px; }
a.pList						{ text-align:center; margin-bottom:20px;  }
a.pList h3 					{ font-family:"OpenSansRegular"; color:#5e5e5e; font-size:13px; margin-bottom:0px; padding:0 10px; }
a.pList p					{ color:#5e5e5e; font-size:11px; }

span.plView								{ display:block; clear:both; margin-top:10px; text-transform:uppercase; }
a.pList div.titleWrap					{ height:65px; background:#efefef; position:relative; clear:both; border-top:4px solid #a9a9a9; }
a.pList div.titleWrap span.blueLine		{ display:block; position:absolute; top:-4px; left:0px; height:4px; width:20%; background:#0e74b2; }

.overlayBlue							{ background-color:#213954; color:#FFF; }
.overlayText							{ position:relative; top:0px; display:none; }
.overlayText > div.content				{ padding:15px; color:#fff; text-align:left; font-size:12px;}

.overlay:hover	.overlayText { display:block; }

a.pList:hover div.titleWrap span.blueLine	{ width:100%; }
a.pList:hover div.titleWrap					{  background:#e5f5fe; }
a.pList:hover h3 							{ color:#0e74b2; }
a.pList:hover p 								{ color:#0e74b2; }


ul.pagination					{ margin-top:30px; clear:both; float:right; margin-bottom:0; }
ul.pagination li:first-child,
ul.pagination li:first-child a	{ border-radius:3px 0 0 3px; }
ul.pagination li:last-child,
ul.pagination li:last-child	a	{ border-radius:0 3px 3px 0; }

ul.pagination li				{ float:left; display:block; border:1px solid #efefef; margin-right:-1px; }
ul.pagination li a,
ul.pagination li a:visited		{ float:left; display:block; padding:8px 12px; color:#5f5b5b; text-transform:uppercase; font-size:12px; background:#fff; }
ul.pagination li a:hover		{ background:#56a4ce; color:#fff; }
ul.pagination li.active a		{ border-top:3px solid #0e74b2; padding-top:5px; }
ul.pagination li.disabled a		{ cursor:default; color:#e1e1e1; background:#fff; }


ul.thumbList					{ margin-top:4%; margin-bottom:30px; overflow:hidden;  }
ul.thumbList li					{ margin-left:4%; width:30.666%; padding:0; float:left; margin-bottom:10px; }
ul.thumbList li:first-child		{ margin-left:0%; }
ul.thumbList li img				{ width:100%; }
ul.thumbList li a:hover img		{ opacity:0.7; filter:alpha(opacity=70); }


div.wellCustom						{ background:#fff; border-radius:0; }
div.wellCustom	h3					{ font-family:"OpenSansSemiBold"; color:#0e74b2; font-size:20px; border-bottom:1px solid #f2f2f2; padding-bottom:20px;}
div.wellCustom	span.productName	{ color:#908e8e; font-family:"OpenSansRegular"; }
div.wellCustom label				{ text-transform:uppercase; font-size:11px; }


/****************************************************************************************************************
    CONTACT FORM
****************************************************************************************************************/

div.contact 				{ border:1px solid #f1f1f1; }
div.contact h2				{ font-size:16px; font-weight:bold; margin-bottom:10px; }

div.contactCol1,
div.contactCol2 			{ width:50%; *height:500px; }

div.contactCol1 			{ background:#fbfbfb; border-right:1px solid #f1f1f1; }
div.contactCol2 			{ margin-left:-1px !important; }  /* margin-left = pull column2 to the left because of additional 1px border */

div.contactCol1Pad 			{ padding:40px 40px; }
div.contactCol2Pad 			{ padding:40px 40px; }

p.contactInfo 				{ padding-left:20px; position:relative; }
p.contactInfo span.uiIcons  { float:left; position:absolute; left:0; }

p.address,
p.poBox,
p.phone,
p.fax,
p.email,
p.mobile					{ padding-left:25px; margin-bottom:10px; }

span.cIcons					{ float:left; margin-left:-25px; display:inline-block; width:18px; height:18px; background:url(../images/icons_contact_set1.png) no-repeat; }

p.address span.cIcons 		{ background-position:0px 0px; }
p.phone   span.cIcons 		{ background-position:-18px 0px; }
p.fax     span.cIcons		{ background-position:-36px 0px; }
p.email   span.cIcons		{ background-position:-54px 0px; }
p.poBox	  span.cIcons		{ background-position:0px 0px; }
p.mobile  span.cIcons		{ background-position:-18px 0px; }



/****************************************************************************************************************
	HEADINGS
****************************************************************************************************************/

h1, h2, h3					{ line-height:22px; font-family:"OpenSansBold"; font-weight:normal;  }
h1, h2, h3, h4, h5, h6		{ }

h1		{ font-size:35px; color:#0e74b2; margin-bottom:30px; line-height:35px; letter-spacing:-2px; }
h2		{ font-size:22px; }

h1.no-margin-bottom{
  margin-bottom: 0px;
}

h3,
h4,
h5,
h6		{ font-size:16px; }

h3.underlined					{ margin-bottom:20px; height:30px; line-height:30px; position:relative; text-align:center; }
h3.underlined span.line			{ display:block; height:1px; background:#e0e0e0; position:relative; top:17px; z-index:1; }
h3.underlined span.title		{ padding:0 20px; position:relative; z-index:3; display:inline-block; *display:inline; *zoom:1; background:#f8f8f8; }
h3.underlined span.leftCircle,
h3.underlined span.rightCircle	{ width:10px; height:10px; display:block; position:absolute; left:-10px; top:11px; background:#e0e0e0; border-radius:50%; }
h3.underlined span.rightCircle	{ left:auto; right:-10px;  }


/* How to make twitter bootstrap menu dropdown on hover rather than click http://stackoverflow.com/a/8878666/74585 */
li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

/* http://stackoverflow.com/questions/21072234/how-to-change-the-bootstap-dropdown-submenu-icon */
.dropdown-submenu > a:after {
	margin-top: 20px;
}


/* Some bootstrap overwirte */

.no-padding{
  padding: 0px!important;
}

.dropdown-content{
  overflow: scroll!important;
}

label.groupLabel{
  font-size: 16px;
}

.row.no-margin-bottom{
  margin-bottom: 0px;
}

p.subtext{
  color: #9e9e9e;
  /*position: relative;
  top: -5px;*/
}

.character-counter{
  position: relative;
  top: -30px;
}

h2.no-top-margin{
  margin-top: 0px;
}

.btn{
  line-height: 14px;
}

.row.text-center{
  text-align: center;
}

.row.buttons{
  margin-top: 40px;
  margin-bottom: 0px;
}

@media(max-width: 768px) {
  .referralFormContainer .mdl-card.steppersContainer{
    display: none;
  }
}

.content.homePageOuterContent{
  padding: 0px;
  padding-top: 20px;
}

.footerBar .contentContainerInner{
  padding: 0px;
}

@media(max-width:768px) {
  .content.homePageOuterContent .contentContainerInner{
    padding-top: 0px;
  }
}

[type="checkbox"]+label{
  color: #5e5e5e;
}

/* 404 error message page */

.errorMessage{
  display: block;
  padding-top: 200px;
  padding-bottom: 200px;
  text-align: center;
}

.errorMessage h1.huge{
  font-size: 80px;
  margin-bottom: 80px;
}

.input-field label{
  font-size: .8rem;
  top: -8px!important;
  /*-webkit-transform: translateY(-140%);
  transform: translateY(-140%);*/
}

.input-field label:not(.label-icon).active{
  top: -8px!important;
  -webkit-transform: none!important;
  transform: none!important;
}

#referralSubmissionLoading, #enquirySubmissionLoading{
  display: none;
}

ul{
  margin-left: 20px;
}

ul:not(.browser-default) li{
  list-style-type:disc;
}

.subNav ul li{
  list-style-type: none!important;
}