@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJUo2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJR_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
min-width:0;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
body, html {
background: #35bfc2;
min-height: 100%;
margin: 0;
padding: 0;
min-width: 100%;
font-family: 'Roboto Slab';
}
body.iframe {
height: auto;
width: auto;
}
h1, h2, h3, h4, h5, p, ul, ol, li, form, hr {
margin: 0;
padding: 0;
}
BODY#home, TABLE {
color: #00457c;
font-size: 15px;
font-weight: 400;
}
BODY, TABLE {
color: #00457c;
font-size: 15px;
}
body#blank{
background: #fff;
}
iframe[id^="oauth2relay"] {
position: fixed !important;
}
*::-moz-selection {
background: none repeat scroll 0 0 #b8cbde;
color: #47494b;
}
blockquote {
background: none repeat scroll 0 0 #fff;
border-left: 20px solid #00457c;
color: #00457c;
font-size: 120%;
margin: 45px 0;
padding: 2em 40px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: rgba(255,255,255,0.1);
content: open-quote;
font-family: 'Roboto Slab';
font-size: 6em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
line-height: 125%;
}
h1, .h1 {
font-family: 'Roboto Slab';
background: none;
color: #00457c;
font-size: 28px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
margin: 10px 0px 25px;
text-transform: uppercase;
}
h1.contentPageTitle{
background: none;
color: #00457c;
font-size: 28px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}

h1.breadcrumbs{
background: none;
color: #0090bf;
font-size: 28px;
padding: 0px 0px;
text-align: left;
font-weight: 400;
}
h2, .h2 {
color: #00457c;
font-family: 'Roboto Slab';
font-size: 26px;

margin: 20px 0;
line-height:34px;
text-align: left;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
font-weight: bold;
}
h3, .h3 {
color: #00457c;
ffont-family: 'Roboto Slab';
font-size: 24px;
font-weight: 400;
margin: 12px 0;
line-height: 32px;
text-align: left;
padding: 0px 0px 14px 0px;
text-transform: none;
}
h4, .h4 {
color: #666;
font-family: 'Roboto Slab';
font-size: 19px;
margin: 15px 0;
font-weight: bold;
text-transform: uppercase;
}
p, div#pageSource {

line-height: 22px;
margin: 10px 0;
}
div#pageSource {
padding: 0px 0 0;
text-align: left;
}
ul {
margin: 10px 0;
padding: 0 0 0 20px;
}
ol {
margin: 10px 0;
padding: 0 0 0 20px;
}
li {
list-style: disc;
 line-height: 24px;
margin: 3px 0px;
padding: 0px;
}
li p {
line-height: 24px;
margin: 0;
}
hr {
border: none;
margin: 30px 0;
min-width: 100%;
float: none;
clear: both;
border-top: 1px solid #e5e5e5;
}
a {
color: #0090bf;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
td {
vertical-align: top;
}
a img {
border: medium none;
}
strong {
font-weight: bold;
}
.container {
margin: 0 auto;
text-align: left;
width: 1022px;
}
.bgContainer {
float: left;
height: auto;
position: relative;
width: 1000px;
padding: 0 11px;
font-size: 15px;
font-family: 'Roboto Slab';
}
#default.home .bgContainer {
font-size: 15px;
}
em{
font-style: italic;
}
body {
}
table{
max-width: 100% !important;
margin: 10px 0px 0px ;
border: none;
table-layout: table;
}
table table{
border: none;
}
th{
padding: 10px 15px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: left;
text-transform: none;
background: #b9b9b9;
}
td{
padding: 10px 20px;
vertical-align: top;
}
th p{
margin: 10px 0;
font-size: 115%;
}
td p{
margin: 10px 0;
}
tr:nth-child(even) {
 background:transparent;
}
tr:nth-child(odd) {
 background:transparent;
}
table.noStyling{
border : none;
}
table.noStyling tr:nth-child(even) {
 background: none }
table.noStyling tr:nth-child(odd) {
 background: none }
td img,
th img{
}
/*----------------------------------------------------------*/
#header,
.navigation-wrapper {
float: left;
height: 143px;
width: 0%;
min-width: 100%;
overflow: visible;
position: relative;
z-index: 2000;
background: #fff;
}
#default.home #header,
#default.home .navigation-wrapper{
}
#header.stuck{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 90px;
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
}
#header .container{
width: 1022px;
}
#header .bgContainer{
width: 1000px;
padding: 0 11px;
}
/*----------------------------------------------------------*/
a.logo{
display: inline-block;
float: left;
width: 353px;
height: 65px;
margin: 20px 0px 0px -10px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px 0px no-repeat;
}
#header.stuck a.logo{
 transform: scale(0.6);
margin: -2px 0px -15px -75px;
}
a.logo span{
display: none;
}

/*----------------------------------------------------*/

a.referralsButton
{
float: right;
position: relative;
display: inline-block;
color: #fff;
width: 190px;
height: 25px;
font-size: 90%;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: none;
padding: 35px 0px 0px 0px;
background: #97cb5b;
border-radius: 0px 0px 4px 4px;
transition: 0.3s all;
}

#header.stuck a.referralsButton
{
padding: 15px 0px 0px 0px;
}

a.referralsButton:hover
{
background: #0090bf;
}

/*----------------------------------------------------*/

#navigation {
width: 100%;
float: left;
position: relative;
top: auto;
left: auto;
margin: 14px 0px 12px 0px;
background: none;
}
#header.stuck #navigation {
margin: 0px 0px 12px 0px;
}
#navigation ul {
width: 100%;
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0;
background: none;
list-style: none;
text-align: left;
}
#header.stuck #navigation ul {
margin: 0px 0px 0px 0px;
}
#navigation ul li {
float: none;
position: relative;
width: auto;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px;
line-height: 30px;
height: 30px;
background: none;
text-align: left;
transition: 0.8s all;
border-right: none;
}

#navigation ul li:nth-child(1) {
width: 7%;
padding: 0px 0px 0px 0%;
}

#navigation ul li:nth-child(2) {
width: 10%;
}

#navigation ul li:nth-child(3) {
width: 12%;
}

#navigation ul li:nth-child(4) {
width: 15%;
}

#navigation ul li:nth-child(5) {
width: 17%;
}

#navigation ul li:nth-child(6) {
width:18%;
}

#navigation ul li:nth-child(7) {
float: none;
width:8%;
}

#navigation ul li:nth-child(8) {
float: right;
width: 10%;
}

#navigation ul li ul {
position: relative;
background: #88b7d5;
}
#navigation ul li ul:after {
display: none;
}
#navigation ul li a {
display: inline-block;
text-align: center;
text-decoration: none;
text-transform: none;
font-weight: normal;
font-size: 15px;
color: #00457c;
transition: 0.4s all;
padding: 6px 0px 18px;
}
#navigation ul li a:hover {
color: #97cb5b;
}
#navigation ul li:last-child a {
text-align: center;
text-decoration: none;
text-transform: none;
font-weight: normal;
font-size: 15px;
color: #00457c;
transition: 0.4s all;
padding: 6px 0px 12px 12px;
}
#navigation ul li:hover a,
#navigation ul li a:hover,
#navigation ul li > a.menuSelected,
#navigation ul li > a.childSelected {
color: #97cb5b;
background: none;
border-bottom: none;
}
#navigation ul li:hover ul li a {
color: #000000;
background: none;
border-bottom: none;
}
#navigation ul li > a.menuSelected:hover,
#navigation ul li > a.childSelected:hover {
color: #97cb5b;
}
#navigation ul li:nth-last-child(1) a {
margin: 0px 0px 0px 4px;
}
#navigation ul li ul {
display: none;
}
#header #navigation ul li > ul {
display: block;
opacity: 0;
transition: 0.6s opacity;
height: 0px;
padding: 0 !important;
overflow: hidden;
border: none !important;
}
#header #navigation ul li:hover > ul {
display: block;
opacity: 1;
height: auto;
overflow: visible;
padding: 0px 0px !important;
}
/*-------------*/
#header #navigation ul li ul{
margin: 0px 0px 0px 0px;

list-style: none;
float: none;
position: absolute;
top: 44px;
left: -23px;
width: 240px;
background: #efefef;
border: none;
border-width: 0px;
z-index: 6000;
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

padding: 0px 0px !important;
}
#header.stuck #navigation ul li ul {
top: 42px;
}
#header #navigation ul li ul li {
float: left;
position: relative;
padding: 5px 14px 5px;
height: auto;
min-height: 20px;
width: 210px;
line-height: 19px;
margin: 0px 0px 0px 0px;

background: none;
border-bottom: 1px solid #fff;
}
#header #navigation ul li ul li:hover {
border-bottom: 1px solid #fff;
}
#header #navigation ul li ul li:last-child {
border-bottom: none;
border-width: 0px 1px 1px 1px;
}
#header #navigation ul li ul li a,
#header.stuck #navigation ul li ul li a {
display: block;
width: 190px;
text-align: left;
height: auto;
line-height: 22px;
padding: 4px 10px 4px 10px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
position: relative;
color: #5b5859;
text-decoration: none ;
}
#header #navigation ul li ul li a:hover,
#header #navigation ul li ul li a.menuSelected {
background: none;
color:#0090bf;
}
#header #navigation ul li ul li ul{
display: none !important;
}
/*----------------------------------------------------------*/
#content {
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 0px 0px 40px 0px;
border-top: 1px solid #ccdae5;
}
body.home #content {
border-top: none;
}

body.home #content:before {
content: " ";
position: absolute;
top: 30px;
right: 10%;
width: 570px;
height: 421px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -6px -218px no-repeat;
}

#content .container{
width: 1022px;
}
#content .bgContainer{
width: 1000px;
padding: 0 11px;
}
/*----------------------------------------------------------*/
.moduleComponentContainerheaderBanner,
.moduleComponentheaderBanner  {
float: left;
position: relative;
width: 100% !important;
height: 400px !important;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner {
width: 100% !important;
height: 400px !important;
background-size: cover;
background-position: center;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent {
bottom: auto;
top:0;
width: 565px;
left : 50%;
margin-left: 0px;
padding: 0px;
background: none;
border-radius : 5px;
text-align: left;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent30 .bannerHtmlContent {
margin-left: -490px;
width: 470px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent31 .bannerHtmlContent {
margin-left: -35px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent32 .bannerHtmlContent {
margin-left: -490px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p{
color: #fff;
font-style: normal;
font-size: 40px;
line-height: 1.2;
text-shadow: 0px 0px 30px #000;
}

.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p strong{
font-size: 40px;
font-weight: normal;
}

/*----------------------------------------------------------*/

.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent {
margin-left: 0px;
background: rgba(117,192,136,.92);
padding:20px 30px;
border-radius: 0;
width: 440px;

-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}

.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p{
color: #fff;
font-style: normal;
font-size: 22px;
line-height: 1.3;
text-shadow: none;
text-indent: -10px;
}

.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p strong{
font-size: 40px;
font-weight: normal;
}

/*----------------------------------------------------------*/

.moduleComponentContainertileCallouts
{
float: left;
position: relative;
width: 1022px;
margin: 0px 0px 20px -11px;
}

.moduleComponenttileCallouts
{
float: left;
position: relative;
width: 327px;
height: 186px;
margin: 20px 20px 0 0;
}

.moduleComponenttileCallouts:nth-child(3)
{
width: 327px;
margin: 20px 0px 0 0;
}

.moduleComponenttileCallouts h2.bannerTitle
{
color: #00457c;
margin: 70px 0px 0px 20px;
font-weight: normal;
font-size: 32px;
opacity:1;
}

.moduleComponenttileCallouts:hover h2.bannerTitle
{
opacity:0;
}


.moduleComponenttileCallouts h2.bannerTitle a
{
color: #00457c;
text-decoration: none;
}

.moduleComponenttileCallouts .bannerHtmlContent {
display: block;
opacity: 0;
transition: 0.3s opacity;
height: 0px;
overflow: hidden;
border: none !important;
color: #fff;
position: absolute;
top:0;
left:0;
width: 291px;
height: 130px;
padding: 28px 18px;
background: rgba(0,78,134,0.8);
}

.moduleComponenttileCallouts:hover .bannerHtmlContent {
display: block;
opacity: 1;
height: 130px;
overflow: visible;
}

.moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
.moduleComponenttileCallouts .bannerHtmlContent h1,
.moduleComponenttileCallouts .bannerHtmlContent h2,
.moduleComponenttileCallouts .bannerHtmlContent h3,
.moduleComponenttileCallouts .bannerHtmlContent h4,
.moduleComponenttileCallouts .bannerHtmlContent h5
{
color: #00457c;
margin: 0px 0px 0px 0px;
font-weight: normal;
font-size: 32px;
opacity: 1;
}

.moduleComponenttileCallouts h2.bannerTitle a
{
color: #00457c;
text-decoration: none;
}

.moduleComponenttileCallouts:hover h2.bannerTitle a
{
color: #fff;
text-decoration: none;
}

.moduleComponenttileCallouts h2.bannerLink
{

}

.moduleComponenttileCallouts p
{

}

.moduleComponenttileCallouts a.bannerLinkMask
{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display:inline-block;
}

/*----------------------------------------------------------*/

#pageEditorContent{
float: left;
position: relative;
width: 100%;
margin: 55px 0% 65px 0;
background: none;
}

#pageEditorContent.hasCallout{
float: left;
position: relative;
width: 70%;
margin: 55px 0% 65px 0;
background: none;
}

body.home #pageEditorContent{
width: 61%;
margin: 15px 7% 65px 0;
}

body.about-us #pageEditorContent.hasCallout,
body.our-story #pageEditorContent.hasCallout{
width: 65%;
}

#pageEditorContent.fullWidth{
float: left;
position: relative;
width: 96%;
margin: 0px 2% 65px;
}

#pageEditorContent ul{
margin: 0;
padding: 0;
}
#pageEditorContent ul li{
list-style: none;
padding: 0px 0px 6px 30px;
}
#pageEditorContent ul li:before{
content:'\25b6' !important;
margin: 0px 0px -10px -30px;
display: inline-block;
width: 20px;
height: 20px;
font-weight: bold;
color: #ccc;
font-size: 12px;
}
#pageEditorContent ul li ul li{
list-style: none;
padding: 0px 0px 5px 0px;
}
#pageEditorContent ul li ul li:before {
content: " ";
margin: 10px 4px -8px 0px;
display: inline-block;
width: 28px;
height: 28px;
transform: scale(0.7);
opacity: 0.8;
}
#pageEditorContent ol{
margin: 0;
padding: 0;
counter-reset: section;
}
#pageEditorContent ol li{
list-style: none;
padding: 0px 0px 15px 44px;
}
#pageEditorContent ol li:before{
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 100%;
margin: 0px 14px -10px -44px;
text-align: center;
counter-increment: section;
content: counter(section);
background: #d7f2f3;
color: #00457c;
position: absolute;
}
#pageEditorContent ol li ol li{
padding: 0px 0px 5px 44px;
}
#pageEditorContent ol li ol li:before {
content: " ";
margin: 10px 4px -8px -44px;
display: inline-block;
width: 28px;
height: 28px;
counter-increment: section;
content: counter(section);
background: #efefef;
transform: scale(0.7);
opacity: 0.8;
color: #333;
font-weight: bold;
}
/*--------------------------------------------------------*/

p.leadInContent
{
font-style: normal;
text-transform: uppercase;
font-size: 28px;
line-height: 1.2;
}


/*-- text callout ----------------------------------------*/

.moduleComponentContainertextCallouts
{
float: right;
position: relative;
width: 202px;
min-height: 138px;
padding: 25px 30px;
margin: 55px -10px 0px 0px;
background: #35bfc2 url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px -650px no-repeat;
}

body.home .moduleComponentContainertextCallouts
{
width: 282px;
min-height: 138px;
padding: 20px 22px;
margin: 15px -10px 0px 0px;
background: #35bfc2;
}

.moduleComponentContainertextCallouts  .moduleComponenttextCallouts
{
float: left;
position: relative;
width: 100%;
}


.moduleComponentContainertextCallouts  .moduleComponenttextCallouts  h1,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5
{
color: #fff;
font-size: 26px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #fff;
}

.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h1:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5:after
{
content: " ";
display: inline-block;
float: right;
width: 44px;
height: 39px;
margin: -5px 0px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -9px -72px no-repeat;
}


.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p
{
font-size: 120%;
color: #fff;
margin: 0px 0px 20px 0px;
}

.home .moduleComponentContainertextCallouts  .moduleComponenttextCallouts p
{
font-size: 95%;
}


.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p strong
{

}


.moduleComponentContainertextCallouts  .moduleComponenttextCallouts a
{
color: #fff;
text-decoration: none;
}

.whiteArrowLink:before
{
content: " ";
display: inline-block;
width: 18px;
height: 26px;
margin: 0px 13px -6px -30px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -0px -185px no-repeat;
}

/*-- Referrals -----------------------------------------*/

body.hasLeftCol #leftCol{
float: left;
position: relative;
width: 20%;
padding: 5% 2% 5% 0%;
background: blue;
margin: 50px 0 0 0;
background: #35bfc2 url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px -650px no-repeat;

}

#leftCol ul
{
margin: 0px;
padding: 0 0 0 20px;
}

#leftCol ul li
{
list-style-type: none;
margin: 10px 0px;
}

#leftCol ul li a
{
font-size: 18px;
color: #fff;
line-height: 22px;
}

#leftCol ul li a:before
{
content: " ";
display: inline-block;
width: 18px;
height: 26px;
margin: 0px 13px -6px -20px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -0px -185px no-repeat;
}

body.hasLeftCol #pageEditorContent{
width: 70%;
margin: 50px 0 65px 7%;
}

#yourReferrals th{
padding: 10px;
}

#yourReferrals th .fsub{
border-radius: 4px;
padding: 5px 8px 5px 8px;
background: #666666;
margin: 0px;
font-size: 16px;
text-transform: none;
}

#yourReferrals th .fsub:hover{
background: #888;
color: #fff;
}

#yourReferrals td{
font-size: 14px;
padding: 5px 10px 10px 10px;

vertical-align: bottom;
border-bottom: 1px solid #eee;
}

#yourReferrals td.name{
width: 25%;
}
#yourReferrals td.date{
width: 20%;
font-size: 12px;
color: #666;

}
#yourReferrals td.status{
width: 20%;
font-size: 12px;
color: #666;
}
#yourReferrals td.link{
padding: 5px 10px 5px 10px;
width: 20%;
}
#yourReferrals td.del{
width: 10%;
}

#yourReferrals .link a{
display: block;
color: #fff;
background: #b9b9b9;
border-radius: 4px;
padding: 5px 8px;
width: 100%;
text-align: center;
text-decoration: none;
}

#yourReferrals .link a:hover{
background: #666666;
}

#yourReferrals .link a.incomplete{
background: #0090BF;
}

#yourReferrals .link a.incomplete:hover{
background: #00457c;
}

#yourReferrals .del{
text-align: center;
}

#progressTitle{
margin: 40px 0 20px; 0;
}

#progressBar
{
float: left;
position: relative;
width: 100%;
background: #fff;
margin: 0px 0px 25px 0px;
padding: 0px;
overflow: hidden;
font-size: 12px;
}

#progressBar .step
{
float: left;
position: relative;
width: 24%;
padding: 0%;
margin: 2px;
color: #FFF;
border-radius: 3px;
background: #b9b9b9;
}

#progressBar .step span.stepNumber
{
display: inline-block;
font-size: 25px;
padding: 10px 8px 10px 10px;
}

#progressBar .step span.stepLabel
{
display: inline-block;
position: relative;
top: -5px;
}

#progressBar .selectedStep
{
background: #0090bf;
color: #fff;
}

#surveyTable .buttonBar input{
position: relative;
float: left;
padding: 5px 15px;
}

#surveyTable .buttonBar #saveButton{
position: relative;
float: left;
background: #b9b9b9;
}

/*-- Sitemap -----------------------------------------*/

#pageEditorContent ul#siteMap{
position: relative;
float: left;
width: 100%;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
margin: 30px 0px 0px 0px;
-webkit-column-rule: 1px solid #efefef;
-moz-column-rule: 1px solid #efefef;
column-rule: 1px solid #efefef;
}
#pageEditorContent ul#siteMap li{
position: relative;
margin: 3px;
list-style: none;
padding: 0px 0px 0px 10px;
}
#pageEditorContent ul#siteMap li:before {
border: medium none;
content: " - ";
font-size: 20px;
margin: 0 5px 0 0px;
position: relative;
top: 3px;
color: #00457c;

}

/*----------------------------------------------------------------*/

#footer
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 20px 0px;
}

#footer .container
{

}

#footer .bgContainer
{

}

/*----------------------------------------------------------------*/

#footerMenuOne
{
float: left;
position: relative;
width: 65%;
padding: 17px 4% 17px 1%;
min-height: 210px;
border: 1px solid #aee5e7;
border-width: 0px 1px 1px 0px;

-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
color: #fff;
}

#footerMenuOne ul
{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0;
list-style: none;
}

#footerMenuOne ul li
{
margin: 0;
padding: 0;
list-style: none;
}

#footerMenuOne ul li a
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}

#footerMenuOne ul li a.menuSelected
{

}

#footerMenuOne ul li ul
{

}

#footerMenuOne ul li ul li
{

}

#footerMenuOne ul li ul li a
{
display: inline-block;
position: relative;
text-transform: none;
font-size: 14px;
padding: 0px 0px 0px 15px;

}

#footerMenuOne ul li ul li a:before
{
content: "- ";
position: absolute;
left: 0;
}


#footerMenuOne ul li ul li a.menuSelected
{

}


/*----------------------------------------------------------------*/

#footerMenuTwo
{
float: left;
position: relative;
width: 68%;
padding: 25px 1%;
min-height: 184px;
border: 1px solid #aee5e7;
border-width: 0 1px 0 0;
/*-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap:0px;
-moz-column-gap: 0px;
column-gap: 0px;*/
color: #fff;
}

#footerMenuTwoInner
{
float: left;
position: relative;
width: 100%;
padding: 0%;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
color: #fff;
}

#footerMenuTwo ul
{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0;
list-style: none;
}

#footerMenuTwo ul li
{
margin: 0;
padding: 0;
list-style: none;
}

#footerMenuTwo ul li a
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
}

#footerMenuTwo ul
{

}

#footerMenuTwo ul li
{

}

#footerMenuTwo ul li a
{
font-weight: bold;
}



#footerMenuTwo ul li a.menuSelected
{

}

#footerMenuTwo ul li ul
{

}

#footerMenuTwo ul li ul li
{

}



#footerMenuTwo ul li ul li a
{
display: inline-block;
position: relative;
text-transform: none;
font-size: 14px;
padding: 0px 0px 0px 15px;
font-weight : normal;

}

#footerMenuTwo ul li ul li a:before
{
content: "- ";
position: absolute;
left: 0;
}


#footerMenuTwo ul li ul li a.menuSelected
{

}
#footerMenuTwo h2 a:hover,
#footerMenuTwo h2 a,
#footerMenuTwo h2
{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
color: #fff;
font-weight : normal;
margin: -10px 0px 8px 0px;
padding: 0;
}

/*----------------------------------------------------------------*/

#footerContent
{
float: right;
position: relative;
width: 29.9%;
padding: 0px ;
border-right: none;
}

/*----------------------------------------------------------------*/

.moduleComponentContainerfooterContent,
.moduleComponentfooterContent
{
float: left;
position: relative;
width: 100%;
background: none;
}

.moduleComponentfooterContent .bannerMultipleImageContainer
{
float: left;
position: relative;
width: 100%;
padding: 0px;
margin: 0px
}


.moduleComponentfooterContent .bannerImageContainer
{

}

.moduleComponentfooterContent .bannerImageContainer img.bannerImage
{

}

.moduleComponentfooterContent h2.bannerTitle
{

}

.moduleComponentfooterContent .bannerHtmlContent
{
float: left;
position: relative;
width: 82%;
height: 134px;
padding: 25px 9%;
background: none;
font-size: 110%;
border-bottom: none;
color: #fff;
}

.moduleComponentfooterContent .bannerHtmlContent p
{
margin: 0px 0px 12px 0px;
}

.moduleComponentfooterContent .bannerHtmlContent p.connectWithUsTag
{
text-transform: uppercase;
font-size: 84%;
margin: 25px 0px 10px 0px;
}

.moduleComponentfooterContent .bannerHtmlContent a.facebookIcon
{
display: inline-block;
content: " ";
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -7px -128px no-repeat;
}

.moduleComponentfooterContent .bannerHtmlContent a.twitterIcon
{
display: inline-block;
content: " ";
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -52px -128px no-repeat;
}

.moduleComponentfooterContent .bannerHtmlContent a.youtubeIcon
{
display: inline-block;
content: " ";
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -97px -128px no-repeat;
}

.moduleComponentfooterContent .bannerHtmlContent a.googlePlusIcon
{
display: inline-block;
content: " ";
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/googlePlusLogo.png) 0 0 no-repeat;
}

.moduleComponentfooterContent .bannerHtmlContent a.googlePlusIcon span,
.moduleComponentfooterContent .bannerHtmlContent p a.facebookIcon span,
.moduleComponentfooterContent .bannerHtmlContent p a.twitterIcon span,
.moduleComponentfooterContent .bannerHtmlContent p a.youtubeIcon span
{
display: none;
}


/*----------------------------------------------------------------*/

#copyright
{
float: left;
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 0px;
border-top: 1px solid #aee5e7;
}

#copyright p
{
text-transform: uppercase;
margin: 0;
color: rgba(255,255,255,0.6);
font-family: arial;
font-size: 13px;
}

#copyright p span.right
{
float: right;
}

#copyright p span.left
{
float: left;
}

#copyright p a
{
color: rgba(255,255,255,0.6);
text-decoration: none;
}

#copyright p a:hover
{

}

/*----------------------------------------------------------------*/

#moduleItemsListing.moduleItemsListingMeetTheTeam
{
margin: 45px 0px 100px 0px;
}

/* --- first row */

.hexagon:nth-child(1)
{
margin: 0 0px -133px 190px;
}

.hexagon:nth-child(2)
{
margin: 0 0px -133px 136px;
}


/* --- 3 across row */

.hexagon:nth-child(3),
.hexagon:nth-child(8),
.hexagon:nth-child(13),
.hexagon:nth-child(18),
.hexagon:nth-child(23),
.hexagon:nth-child(28)
{
margin: 0px 136px -133px 0px;
display:;
position: relative;
}

.hexagon:nth-child(4),
.hexagon:nth-child(9),
.hexagon:nth-child(14),
.hexagon:nth-child(19),
.hexagon:nth-child(24),
.hexagon:nth-child(29)
{
margin: 0px 0px -133px 0px;
display:;
position: relative;
}

.hexagon:nth-child(5),
.hexagon:nth-child(10),
.hexagon:nth-child(15),
.hexagon:nth-child(20),
.hexagon:nth-child(25),
.hexagon:nth-child(30)
{
margin: 0px 0px -133px 136px ;
display:;
position: relative;
}


/* --- 2 across row */

.hexagon:nth-child(6),
.hexagon:nth-child(11),
.hexagon:nth-child(16),
.hexagon:nth-child(21),
.hexagon:nth-child(26)
{

margin: 0 0px -133px 190px;
}

.hexagon:nth-child(7),
.hexagon:nth-child(12),
.hexagon:nth-child(17),
.hexagon:nth-child(22),
.hexagon:nth-child(27)
{

margin: 0 0px -133px 136px;
}

.hexagon {
position: relative;
display: inline-block;
overflow: hidden;
padding: 12%;
transform: rotate(30deg) skewY(30deg) scaleX(.866); /* .866 = sqrt(3)/2 */
}
.hexagon:before,
.content:after,
.content:before {
display: block;
position: absolute; /* 86.6% = (sqrt(3)/2)*100% = .866*100% */
top: 6.7%; right: 0; bottom: 6.7%; left: 0; /* 6.7% = (100% -86.6%)/2 */
transform: scaleX(1.155) skewY(-30deg) rotate(-30deg); /* 1.155 = 2/sqrt(3) */
padding:;
background-color: rgba(117,192,136,0);
background-size: cover;
content: '';
}

div.hexagon:before {
background-color: rgba(117,192,136,1);
}

div.hexagon:before {
background-color: rgba(117,192,136,1);
}

.content:hover:after,
.content:hover:before
{
transition: 0s all;
background-color: rgba(117,192,136,0.85);
}

.content:after {
content: attr(data-content) '\a' attr(data-content2);
white-space: pre;
}

.content:after:first-line { font-weight: bold; color:red !important; }

.content:before {
content: '';
color: #000;
opacity: 1;
text-align: center;
line-height: 100px;
}

.content:hover:before {
content: ' ';
position: ;
z-index:0;
}

a.hexagon:hover:before {
opacity:0.8
}

.hexagon:hover:before {
opacity:1;
}

.ribbon:after {
opacity:0;
overflow: hidden;
top: 6%;
margin: 0;
width: auto; height: auto;
color: #fff;
text-align: center;
line-height: 1.4;
padding: 85px 0px 0 0;
text-transform: none;
font-weight: normal;
}

.ribbon:hover:after {
opacity:1;
}

/*---- Details page -----------*/

.moduleDetailWrapperMeetTheTeam
{
float: left;
position: relative;
width: 100%;
}

.moduleItemMeetTheTeam
{
float: left;
position: relative;
width: 100%;
}

.moduleItemMeetTheTeam h1.title
{
font-weight: 400;
}

.moduleItemMeetTheTeam span
{
color: #0090bf;
}

.moduleItemMeetTheTeam #moduleItemContent
{
float: left;
position: relative;
width: 36%;
padding: 0 4% 0 0;
}

.moduleItemMeetTheTeam .galleryModuleItem
{
float: left;
position: relative;
width: 30%;
margin: 15px 0px 0px 0px;
}


.moduleItemMeetTheTeam .galleryModuleItem .image
{

}

.moduleItemMeetTheTeam .galleryModuleItem .image a
{

}

.moduleItemMeetTheTeam .galleryModuleItem .image a img
{

}

.moduleItemMeetTheTeam .extraFields
{
float: left;
position: relative;
width: 27%;
padding: 0 0 0 2.5%;
font-size: 85%;
line-height: 1.2;
border-left: 1px solid #ccdae5;
}

.moduleItemMeetTheTeam .extraFields p#extraField5
{
display: none;
}

.moduleItemMeetTheTeam .extraFields p#extraField6
{
line-height: 1.2;
}

.moduleItemMeetTheTeam .extraFields p#extraField6 span
{
display: none;
}

.moduleItemMeetTheTeam #moduleItemBack
{
margin: 30px 0px 0px 0px;
}

.moduleItemMeetTheTeam #moduleItemBack a
{
text-decoration: none;
color: #0090bf;
}


/*----------------------------------------------------------------*/


.southernCrossCallout
{
float: left;
position: relative;
width: 65%;
margin: 35px 5% 0 0;
}

.southernCrossCallout p
{
line-height: 1.5;
font-size: 82%;
}

/*----------------------------------------------------------------*/


#pageEmailSource,
#emailForm
{
float: left;
position: relative;
width: 100%;
min-width: 0;
margin: 0 0 0 0;
}
.contact-us #pageEmailSource,
.contact-us #emailForm{
float: right;
position: relative;
width: 50%;
min-width: 0;
margin: 0px 0 40px 0;
}
.contact-us #pageEmailSource{
width: 27.5%;
min-height: 750px;
margin: 0 0 0 0;
padding: 0 0 0 2%;
border-left: 1px solid #ccdae5;

}
.contact-us #pageEmailSource img
{
margin: -9px 0 0 -20px;
}

.formHeaderText p{
font-size: 110%;
line-height : 1.3;
}

.contact-us #emailForm
{
width: 67%;
margin: 0px 3% 0 0;
}
.contact #pageEmailSource table{
background: #fff;
}
#emailForm h2, #subscribeForm h2, #surveyTable h2, #alertForm h2, #registrationForm h2{
color: #aaa;
border-bottom: 1px solid #f8f8f8;
}
#emailForm, #subscribeForm, #surveyTable, #alertForm, #registrationForm {
background: none repeat scroll 0 0 #fff;
border: medium none;
float: left;
margin: 0;
padding: ;
min-width: 0;
}
#blank #emailForm {
background: transparent;
min-width: 99%;
max-width: 99%;
}
#emailForm #formTable {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: #f9f9f9;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 0;
margin: 50px 0px 0px;
padding: 0;
min-width: 100%;
}
#blank .formHeaderText{
padding: 0 6px;
}
#blank #emailForm #formTable {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: transparent;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width:0px;
margin: 0;
padding: 0;
min-width: 100%;
}
.formHeaderText {
padding: 0 0 0;
}
#emailForm #formTable tr {
background: none repeat scroll 0 0 transparent;
}
#emailForm td {
border-bottom: medium none;
padding: 10px 0;
vertical-align: top;
}
#emailForm table, #subscribeForm table, #surveyTable table, #alertForm table, #registrationForm table {
border: medium none;
min-width: 100%;
}
#emailForm table td, #subscribeForm table tr.even td, #surveyTable table tr.even td, #alertForm table tr.even td, #registrationForm table tr.even td {
padding: 0;
}
#emailForm table td, #subscribeForm table tr.odd td, #surveyTable table tr.odd td, #alertForm table tr.odd td, #registrationForm table tr.odd td {
padding: 0;
}
#emailForm {
min-width: 100%;
}
#emailForm td.labelHorizontal, #subscribeForm td.labelHorizontal, #surveyTable td.labelHorizontal, #alertForm td.labelHorizontal, #registrationForm td.labelHorizontal {
color: #00457c;
padding: 0 5% 0 0;
width: 25%;
line-height: 30px;
}
#emailForm td.valueHorizontal, #subscribeForm td.valueHorizontal, #surveyTable td.valueHorizontal, #alertForm td.valueHorizontal, #registrationForm td.valueHorizontal {
text-align: left;
vertical-align: middle;
width: 70%;
}
#emailForm td.labelVertical, #subscribeForm td.labelVertical, #surveyTable td.labelVertical, #alertForm td.labelVertical, #registrationForm td.labelVertical {
color: #00457c;
font-size: 14px;
padding-top: 4px;
}
#emailForm td.valueHorizontal .fgroup, #subscribeForm td.valueHorizontal .fgroup, #surveyTable td.valueHorizontal .fgroup, #alertForm td.valueHorizontal .fgroup, #registrationForm td.valueHorizontal .fgroup {
color: #00457c;
font-size: 16px;
margin: 15px 0 15px 0;
line-height: 20px;
}
span.fieldNumber {
color: #00457c;
font-weight: normal;
margin: 0 10px 0 0;
}
span.required {
color: #666;
font-weight: normal;
}
table.ftable td {
padding: 4px;
vertical-align: top;
}
table.ftable td.flabel {
padding-right: 10px;
text-align: right;
}
table.ftable td.fvalue {
text-align: left;
}
table.ftable td.fcolumn {
text-align: center;
}
input.ftxt, input.fmtxt, input.fstxt, input.fdate, textarea.fmtxt {
background: none repeat scroll 0 0 #fff;
border: 1px solid #e5ecf2;
border-radius: 0;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
margin: 3px 0;
padding: 2.5% 3%;
width: 94%;
}
input.ftxt:hover, input.ftxt:focus, input.fmtxt:hover, input.fmtxt:focus, input.fstxt:hover, input.fstxt:focus, input.fdate:hover, input.fdate:focus, textarea.fmtxt:hover, textarea.fmtxt:focus {
border: 1px solid #efefef;
}
input.fdate {
width: 150px;
}
input.fstxt {
width: 50px;
}
select.fsel, select.fseldate {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d3d3d2;
border-radius: 0;
font-size: 12px;
margin: 0 10px 0 0;
padding: 3%;
width: 100%;
}
select.fseldate {
width: auto;
}
select.fseldate:hover, select.fseldate:focus, select.fseldate:hover, select.fseldate:focus {
border: 1px solid #666;

transition: all 0.5s ease 0s;
}
#formTable div {
display: none;
}
#formTable div.buttonPanel, #formTable div.logInBox {
display: block;
}
#formTable div.logInBox {
color: #7fa2bd;
font-family: arial;
font-size: 13px;
}
.buttonBar, .buttonPanel {
padding: 15px 0 0;
text-align: right;
}
.buttonBar input,
.buttonBar input.fsub,
.buttonPanel input.fsub,
input.fsub,
a.fsub
{
display: inline-block;
float: right;
line-height: 30px;
text-decoration: none;
margin: 20px 0 0 10px;
padding: 4px 45px;
text-transform: lowercase;
transition: 0.5s all;
border-radius: 0;
color: #fff;
background: none;
border: none;
  font-family: 'Roboto Slab';
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
cursor: pointer;
border: none;
background: #97cb5b;
}
input:hover, input.fsub:hover,
input.fsub:hover,
input.fsub:hover,
.fsub:hover {
background: #fff;
color: #00457c;
text-decoration: none;
 }
.buttonBar input:before,.buttonBar input.fsub:before,.buttonPanel input.fsub:before,input.fsub:before{
float: left;
margin: 5px 10px 5px 5px;
content: " + ";
width: 20px;
height: 20px;
display: block;
background: #fff;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 10px;
line-height: 20px;
}
.contact-us input.fsub
{
margin: -55px 0px 5px 5px;
}

/*----------------------------------------------------------------*/



.moduleComponentContainerservicesBanner,
.moduleComponentservicesBanner
{
float: left;
position: relative;
width: 1022px !important;
height: 400px !important;
}

.moduleComponentservicesBanner .bannerHtmlContent
{
position: absolute;
top:100px;
right: 0px;
width: 380px;
padding: 20px 30px;
background : rgba(255,255,255,0.92);
}

.moduleComponentservicesBanner .bannerHtmlContent p
{
line-height: 1.2;
color: #0090bf;
}

.moduleComponentservicesBanner .bannerHtmlContent p span
{

}


.moduleComponentservicesBanner.moduleComponent51
{

}

.moduleComponentservicesBanner.moduleComponent52
{

}

.moduleComponentservicesBanner.moduleComponent53
{

}

.moduleComponentservicesBanner.moduleComponent54
{

}



/*----------------------------------------------------------------*/

.our-services #pageEditorContent {
margin: 0;
}


/*----------------------------------------------------------*/

.our-services .moduleComponentContainertileCallouts
{
float: left;
position: relative;
width: 1037px;
margin: 0px 0px 20px -11px;
}

.our-services .moduleComponenttileCallouts ,
.our-services .moduleComponenttileCallouts:nth-child(3)
{
float: left;
position: relative;
width: 24.25%;
height: 370px;
margin: 0 1% 0 0;
background-color: #eaf8f9;
background-size: 100% auto;
background-repeat: no-repeat;
}

.our-services .moduleComponenttileCallouts:nth-child(4)
{
width: 24.25%;
margin: 0 0 0 0;
}

.our-services .moduleComponenttileCallouts h2.bannerTitle
{
display:none;
}

.our-services .moduleComponenttileCallouts:hover h2.bannerTitle
{
opacity:0;
}


.our-services .moduleComponenttileCallouts h2.bannerTitle a
{
color: #00457c;
text-decoration: none;
}

.our-services .moduleComponenttileCallouts .bannerHtmlContent,
.our-services .moduleComponenttileCallouts:hover .bannerHtmlContent {
display: block;
opacity: 1;
transition: 0.3s opacity;
height: 0px;
overflow: hidden;
border: none !important;
color: #fff;
position: relative;
top:0;
left:0;
width: 84%;
padding:25px 7%;
height: 320px !important;
background: none;
}


.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h1,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h2,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h3,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h4,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h5
{
display:block;
color: #00457c;
margin: 0px 0px 0px 0px;
font-weight: normal;
font-size: 32px;
opacity: 1;
}

.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle
{
margin: 130px 0px 0px 0px;
}

.our-services .moduleComponenttileCallouts h2.bannerTitle a
{
color: #00457c;
text-decoration: none;
font-size: 24px;
margin:0;
padding:0;
}

.our-services .moduleComponenttileCallouts:hover h2.bannerTitle a
{
color: #00457c;
text-decoration: none;
}

.our-services .moduleComponenttileCallouts h2.bannerLink
{

}

.our-services .moduleComponenttileCallouts p
{
color: #00457c;
font-size: 13px;
margin: 0;
}

.our-services .moduleComponenttileCallouts a.bannerLinkMask
{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display:inline-block;
}

.our-services .moduleComponenttileCallouts a.bannerLinkMask:after
{
position: absolute;
top:320px;
left:20px;
content:"LEARN MORE";
background: #3ac1c3;
font-weight: bold;
font-size: 13px;
padding: 8px 10px;
color: #fff;
display:inline-block;
}

/*----------------------------------------------------------------*/

.moduleListingWrapperServices
{
float: left;
position: relative;
width: 100%;
background: none;
}

/*----------------------------------------------------------------*/

#pageEditorContent #tagCloud
{
float: left;
position: relative;
width: 170px;
background: #d7f2f3;
padding: 20px;
margin: 10px 0px 0px 0px;
}

#pageEditorContent .moduleDetailWrapperServices.noMargin #tagCloud
{
margin: 10px 0px 0px 0px;
}

#pageEditorContent .moduleDetailWrapperServices #tagCloud
{
margin: 70px 0px 0px 0px;
}

#pageEditorContent #tagCloud  ul
{
margin: 0;
padding: 0;
list-style: none;
}

#pageEditorContent #tagCloud  ul li
{
margin: 4px 0px;
padding: 0;
list-style: none;
line-height: 16px;
}

#pageEditorContent #tagCloud  ul li:before
{
content:"";
display: none;
}

#pageEditorContent #tagCloud  ul li a
{
font-weight: bold;
text-transform: uppercase;
color: #00457c;
}

#pageEditorContent #tagCloud ul li ul li
{
margin: 10px 0px;
padding: 0;
list-style: none;
line-height: 16px;
}

#pageEditorContent #tagCloud  ul li:before
{
content:"";
display: none;
}

#pageEditorContent #tagCloud  ul li ul li a
{
font-weight: normal;
font-size: 13px;
text-transform: none;
line-height: 16px;
}

#pageEditorContent #tagCloud  ul li a:hover
{

}

#pageEditorContent #tagCloud  ul li:last-child
{
display:none;
}

#pageEditorContent #tagCloud  ul li ul li:last-child
{
display:block;
}

/*---------------------*/

.treatmentHeadingModuleItemServices
{
position: absolute;
width: 100%;
top:12px;
height: 44px;
left: 0;
background: none;
border: 1px solid #35bfc2;
}

.treatmentHeadingModuleItemServices .treatmentAnchors
{
float: left;
position: relative;
width: 100%;

}

.treatmentHeadingModuleItemServices p.headingTag
{
float: left;
position: relative;
width: 20%;
color: #fff;
background: #35bfc2;
line-height: 44px;
margin:0;
padding:0;
text-indent: 18px;
text-align: left;
text-transform: uppercase;
}

.treatmentHeadingModuleItemServices .field
{
float: left;
position: relative;
display:inline-block;
width: auto;
padding: 0 0 0 2%;
margin: 0 0 0 2%;
height: 44px;
background: none;
font-weight: bold;
}

.extraField h3.subNavigationTitle
{
font-weight: bold;
font-size: 18px;
color: #00457c;
background: #f1f9f3;
text-transform: uppercase;
padding: 0px 0px 0px 10px;
margin: 20px 0px 20px -10px;
}

.treatmentHeadingModuleItemServices #extraField7
{
width: 9.2%;
}
.treatmentHeadingModuleItemServices #extraField7 a:before
{
content: " ";
position: absolute;
top: 5%;
}

.treatmentHeadingModuleItemServices #extraField8
{
width: 7.2%;
}

.treatmentHeadingModuleItemServices #extraField9
{
width: 9.8%;
}

.treatmentHeadingModuleItemServices #extraField10
{
width: 8.0%;
}

.treatmentHeadingModuleItemServices #extraField11
{
width: 6.5%;
}

.treatmentHeadingModuleItemServices #extraField12
{
width: 5.2%;
}

.treatmentHeadingModuleItemServices #extraField13
{
width: 5.2%;
}

.treatmentHeadingModuleItemServices .field a
{
display:inline-block;
line-height: 16px;
text-transform: uppercase;
color: #35bfc2;
font-size: 13px;

position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.treatmentHeadingModuleItemServices .field a:before
{
content: " ";
position: absolute;
top: 35%;
left: -20px;
width: 6px;
height: 13px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -10px -235px;
}

/*---------------------*/

#moduleItemsListing.moduleItemsListingServices,
.moduleItemServices
{
float: right;
position: relative;
width: 735px;
background: none;
padding: 20px;
margin: 0;
}


#pageEditorContent .moduleDetailWrapperServices.noMargin .moduleItemServices
{
margin: 0px 0px 0px 0px;
}

#pageEditorContent .moduleDetailWrapperServices .moduleItemServices
{
margin: 45px 0px 0px 0px;
}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem
{

}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header
{

}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .title
{

}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent
{

}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore
{

}

#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore a
{

}

.moduleDetailWrapperBlog .moduleItem .title{
font-size: 18px;
line-height : 26px;
font-weight: bold;
margin: 5px 0 10px;
padding: 0;
text-transform: uppercase;
}

.moduleDetailWrapperBlog .moduleItem .date{
margin: 5px 0 10px;
color: #666;
}

.innovation-and-technology iframe{
float:left;
position:relative;
}

.innovation-and-technology iframe:first-child{
margin:0 10px 0 0;
}

.innovation-and-technology iframe:last-child{}

/*****************************/
/*************Remove when post live Below****************/
/*****************************/

body.home-dev #content {
border-top: none;
}

body.home-dev #content:before {
content: " ";
position: absolute;
top: 30px;
right: 10%;
width: 570px;
height: 421px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -6px -218px no-repeat;
}

body.home-dev #pageEditorContent{
width: 61%;
margin: 15px 7% 65px 0;
}

body.home-dev .moduleComponentContainertextCallouts
{
width: 282px;
min-height: 138px;
padding: 20px 22px;
margin: 15px -10px 0px 0px;
background: #35bfc2;

}

/*****************************/
/*************Remove when post live above****************/
/*****************************/


.moduleComponentContainerpromotionCallout
{
float: left;
position: relative;
width: 1022px;
margin: 25px 0px 0px -11px;
padding:0px;
}

.moduleComponentContainerpromotionCallout .moduleComponent
{
float: left;
position: relative;
margin: 0px 0px 10px 0px;
padding:0px;
width:100%;
}

.moduleComponentContainerpromotionCallout .bannerHtmlContent
{
float: left;
position: relative;
background:#97cb5b;
width:100%;
height:187px;
box-sizing:border-box;
padding:0px 20px 0px 20px;
}

.moduleComponentContainerpromotionCallout .bannerImageContainer
{
float: left;
position: relative;
line-height:0;
padding:0px 0px;
margin:0px 20px 0px -20px;
}

.moduleComponentContainerpromotionCallout h2.bannerTitle
{
font-weight:400;
color:#FFF;
padding:0px 0px;
margin:10px 0px -5px 0px;
}

.moduleComponentContainerpromotionCallout p
{
color:#FFF;
}

.moduleComponentContainerpromotionCallout p strong
{
padding:0px 0px;
margin:0px 0px 0px 0px;
color:#FFF;
font-size:16px;
}

.moduleComponentContainerpromotionCallout p a
{
padding:0px 0px;
margin:0px 0px 0px 0px;
color:#FFF;
font-size:16px;
text-transform:uppercase;
font-weight:600;
}


/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/


/*---- BP1 ------*/

@media screen and (max-width: 1040px) {
body{
min-width: 722px;
}
		h1,
		 .h1 {
		font-size: 22px;
		padding: 0px 0px;
		margin: 0px 0px 25px;
		}
		h1.contentPageTitle{
		font-size: 22px;
		padding: 0px 0px;
		}
		h1.breadcrumbs{
		font-size: 22px;
		padding: 0px 0px;
		}
		h2,
		 .h2 {
		font-size: 20px;
		margin: 20px 0;
		line-height:34px;
		padding: 0px 0px 0px 0px;
		}
		h3,
		 .h3 {
		ffont-size: 20px;
		margin: 12px 0;
		line-height: 32px;
		padding: 0px 0px 14px 0px;
		}
		h4,
		 .h4 {
		color: #666;
		font-size: 19px;
		margin: 15px 0;
		}
		p,
		 div#pageSource {
		line-height: 22px;
		margin: 10px 0;
		}
		div#pageSource {
		padding: 0px 0 0;
		}
		ul {
		margin: 10px 0;
		padding: 0 0 0 20px;
		}
		ol {
		margin: 10px 0;
		padding: 0 0 0 20px;
		}
		li {
		list-style: disc;
		line-height: 24px;
		margin: 3px 0px;
		}
		li p {
		line-height: 24px;
		}
		hr {
		margin: 30px 0;
		min-clear: both;
		border-top: 1px solid #e5e5e5;
		}
		a {}
		a:hover {
		text-decoration: underline;
		}
		td {
		vertical-align: top;
		}
		a img {
		border: medium none;
		}
		strong {}
		.container {
		margin: 0 auto;
		width: 722px;
		}
		.bgContainer {

		width: 700px;
		padding: 0 11px;
		font-size: 15px;
		}
		#default.home .bgContainer {
		font-size: 15px;
		}
		em{
		font-style: italic;
		}
		body {}
		table{
		max-width: 100% !important;
		margin: 10px 0px 0px ;
		table-layout: table;
		}
		table table{}
		th{
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 700;
		background: #b9b9b9;
		}
		td{
		padding: 10px 20px;
		vertical-align: top;
		}
		th p{
		margin: 10px 0;
		font-size: 115%;
		}
		td p{
		margin: 10px 0;
		}
		tr:nth-child(even) {
		background:transparent;
		}
		tr:nth-child(odd) {
		background:transparent;
		}
		table.noStyling{}
		table.noStyling tr:nth-child(even) {
		background: none }
		table.noStyling tr:nth-child(odd) {
		background: none }
		td img,
		th img{}
		/*----------------------------------------------------------*/
		#header,
		.navigation-wrapper {
		height: 143px;
		width: 0%;
		z-index: 2000;
		}
		#default.home #header,
		#default.home .navigation-wrapper{}
		#header.stuck{
		position: realtive;
		height: 143px;
		box-shadow: none
		}
		#header .container{
		width: 722px;
		}
		#header .bgContainer{
		width: 700px;
		padding: 0 11px;
		}
		/*----------------------------------------------------------*/
		a.logo{
		width: 353px;
		height: 65px;
		margin: 20px 0px 0px -10px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px 0px no-repeat;
		}
		#header.stuck a.logo{
		transform: scale(0.6);
		margin: -2px 0px -15px -75px;
		}
		a.logo span{}
		/*----------------------------------------------------*/
		a.referralsButton{
		width: 190px;
		height: 25px;
		font-size: 90%;
		padding: 35px 0px 0px 0px;
		border-radius: 0px 0px 4px 4px;
		}
		#header.stuck a.referralsButton{
		padding: 15px 0px 0px 0px;
		}
		a.referralsButton:hover{}
		/*----------------------------------------------------*/
		#navigation {
		margin: 14px 0px 12px 0px;
		}
		#header.stuck #navigation {
		margin: 0px 0px 12px 0px;
		}
		#navigation ul {}
		#header.stuck #navigation ul {}
		#navigation ul li {
		line-height: 30px;
		height: 30px;
		transition: 0.8s all;
		}

#navigation ul li:nth-child(1) {
width: 7%;
padding: 0px 0px 0px 0%;
}

#navigation ul li:nth-child(2) {
width: 9%;
}

#navigation ul li:nth-child(3) {
width: 12%;
}

#navigation ul li:nth-child(4) {
width: 14%;
}

#navigation ul li:nth-child(5) {
width: 18%;
}

#navigation ul li:nth-child(6) {
width:18%;
}

#navigation ul li:nth-child(7) {
float: none;
width:7%;
}

#navigation ul li:nth-child(8) {
float: right;
width: 9%;
overflow:hidden;
}
		#navigation ul li ul {}
		#navigation ul li ul:after {}
		#navigation ul li a {
		font-size: 12px;
		padding: 6px 0px 18px;
		}
		#navigation ul li a:hover {}
		#navigation ul li:last-child a {
		font-size: 13px;
		padding: 6px 0px 12px 12px;
		}
		#navigation ul li:hover a,
		#navigation ul li a:hover,
		#navigation ul li > a.menuSelected,
		#navigation ul li > a.childSelected {}
		#navigation ul li:hover ul li a {}
		#navigation ul li > a.menuSelected:hover,
		#navigation ul li > a.childSelected:hover {}
		#navigation ul li:nth-last-child(1) a {
		margin: 0px 0px 0px 4px;
		}
		#navigation ul li ul {}
		#header #navigation ul li > ul {}
		#header #navigation ul li:hover > ul {}
		/*-------------*/
		#header #navigation ul li ul{
		top: 44px;
		left: -23px;
		width: 240px;
		}
		#header.stuck #navigation ul li ul {
		top: 42px;
		}
		#header #navigation ul li ul li {
		padding: 5px 14px 5px;
		min-height: 20px;
		width: 210px;
		line-height: 19px;
		}
		#header #navigation ul li ul li:hover {}
		#header #navigation ul li ul li:last-child {
		border-width: 0px 1px 1px 1px;
		}
		#header #navigation ul li ul li a,
		#header.stuck #navigation ul li ul li a {
		width: 190px;
		line-height: 22px;
		padding: 4px 10px 4px 10px;
		font-size: 15px;
		}
		#header #navigation ul li ul li a:hover,
		#header #navigation ul li ul li a.menuSelected {}
		#header #navigation ul li ul li ul{
		display: none !important;
		}
		/*----------------------------------------------------------*/
		#content {
		padding: 0px 0px 40px 0px;
		border-top: 1px solid #ccdae5;
		overflow:hidden;
		}
		body.home #content {}
		body.home #content:before {
		top: 30px;
		right: 10%;
		width: 570px;
		height: 421px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -6px -218px no-repeat;
		}
		#content .container{
		width: 722px;
		}
		#content .bgContainer{
		width: 700px;
		padding: 0 11px;
		}
		/*----------------------------------------------------------*/
                #leftCol ul li a{
		font-size: 13px;
                }
                /*----------------------------------------------------------*/
		.moduleComponentContainerheaderBanner,
		.moduleComponentheaderBanner  {
		width: 100% !important;
		height: 400px !important;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner {
		width: 100% !important;
		height: 400px !important;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent {
		width: 400px;
		left : 50%;
		border-radius : 5px;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent30 .bannerHtmlContent {
		margin-left: -340px;
		width: 400px;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent31 .bannerHtmlContent {
		margin-left: -80px;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent32 .bannerHtmlContent {
		margin-left: -340px;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p{
		font-size: 30px;
		text-shadow: 0px 0px 30px #000;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p strong{
		font-size: 30px;
		}
		/*----------------------------------------------------------*/
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent {
		background: rgba(117,192,136,.92);
		padding: 20px 30px;
		width: 440px;
		left: 0;
		transform: translateY(-30%);
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p{
		font-size: 22px;
		line-height: 1.3;
		text-indent: -10px;
		}
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3 strong,
		.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p strong{
		font-size: 40px;
		}
		/*----------------------------------------------------------*/
		.moduleComponentContainertileCallouts{
		width: 720px;
		margin: 0px 0px 10px -11px;
		}
		.moduleComponenttileCallouts {
		width: 233px;
		height: 186px;
		margin: 10px 10px 0 0;
		background-size:  auto 100%;
		background-position: center;
		}
		.moduleComponenttileCallouts:nth-child(3){
		width: 233px;
		margin: 10px 0px 0 0;
		}
		.moduleComponenttileCallouts h2.bannerTitle{
		margin: 70px 0px 0px 20px;
		font-size: 32px;
		}
		.moduleComponenttileCallouts:hover h2.bannerTitle{}
		.moduleComponenttileCallouts h2.bannerTitle a{}
		.moduleComponenttileCallouts .bannerHtmlContent {
		border: none !important;
		width: 198px;
		height: 130px;
		padding: 28px 18px;
		background: rgba(0,78,134,0.8);
		 }
		.moduleComponenttileCallouts:hover .bannerHtmlContent {
		height: 130px;
		}
		.moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
		.moduleComponenttileCallouts .bannerHtmlContent h1,
		.moduleComponenttileCallouts .bannerHtmlContent h2,
		.moduleComponenttileCallouts .bannerHtmlContent h3,
		.moduleComponenttileCallouts .bannerHtmlContent h4,
		.moduleComponenttileCallouts .bannerHtmlContent h5{
		font-size: 22px;
		}
		.moduleComponenttileCallouts h2.bannerTitle a{}
		.moduleComponenttileCallouts:hover h2.bannerTitle a{}
		.moduleComponenttileCallouts h2.bannerLink{}
		.moduleComponenttileCallouts p{
		font-size: 80%;
		line-height: 1.6;
		}
		.moduleComponenttileCallouts a.bannerLinkMask{}
		/*----------------------------------------------------------*/
		#pageEditorContent{
		margin: 55px 0% 65px 0;
		}
		#pageEditorContent.hasCallout{
		width: 59%;
		margin: 55px 0% 65px 0;
		}
		body.home #pageEditorContent{
		width: 48%;
		margin: 15px 0% 65px 0;
		}
		body.about-us #pageEditorContent.hasCallout,
		body.our-story #pageEditorContent.hasCallout{
		width: 59%;
		}
		#pageEditorContent.fullWidth{
		width: 96%;
		margin: 0px 2% 65px;
		}
		#pageEditorContent ul{}
		#pageEditorContent ul li{
		padding: 0px 0px 6px 30px;
		}
		#pageEditorContent ul li:before{
		content:'\25b6' !important;
		margin: 0px 0px -10px -30px;
		width: 20px;
		height: 20px;
		font-size: 12px;
		}
		#pageEditorContent ul li ul li{
		padding: 0px 0px 5px 0px;
		}
		#pageEditorContent ul li ul li:before {
		margin: 10px 4px -8px 0px;
		width: 28px;
		height: 28px;
		}
		#pageEditorContent ol{
		counter-reset: section;
		}
		#pageEditorContent ol li{
		padding: 0px 0px 15px 44px;
		}
		#pageEditorContent ol li:before{
		width: 28px;
		height: 28px;
		line-height: 28px;
		border-radius: 100%;
		margin: 0px 14px -10px -44px;
		}
		#pageEditorContent ol li ol li{
		padding: 0px 0px 5px 44px;
		}
		#pageEditorContent ol li ol li:before {
		margin: 10px 4px -8px -44px;
		width: 28px;
		height: 28px;
		}
		/*--------------------------------------------------------*/
		p.leadInContent{
		font-size: 28px;
		}
		/*-- text callout ----------------------------------------*/
		.moduleComponentContainertextCallouts  {
		width: 202px;
		min-height: 138px;
		padding: 15px 30px 0;
		margin: 55px -10px 0px 0px;
		background: #35bfc2 url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px -650px no-repeat;
		}
		body.home .moduleComponentContainertextCallouts  {
		width: 282px;
		min-height: 138px;
		padding: 20px 22px;
		margin: 15px -10px 0px 0px;
		}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts {}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts  h1,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5{
		font-size: 26px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h1:after,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2:after,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3:after,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4:after,
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5:after{
		width: 44px;
		height: 39px;
		margin: -5px 0px 0px 0px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -9px -72px no-repeat;
		}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p{
		font-size: 120%;
		margin: 0px 0px 20px 0px;
		}
		.home .moduleComponentContainertextCallouts  .moduleComponenttextCallouts p{
		font-size: 95%;
		}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p strong{}
		.moduleComponentContainertextCallouts  .moduleComponenttextCallouts a{}
		.whiteArrowLink:before{
		width: 18px;
		height: 26px;
		margin: 0px 13px -6px -30px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -0px -185px no-repeat;
		}
		/*-- Sitemap -----------------------------------------*/
		#pageEditorContent ul#siteMap{
		margin: 30px 0px 0px 0px;
		column-rule: 1px solid #efefef;
		-moz-column-rule: 1px solid #efefef;
		column-rule: 1px solid #efefef;
		}
		#pageEditorContent ul#siteMap li{
		margin: 3px;
		padding: 0px 0px 0px 10px;
		}
		#pageEditorContent ul#siteMap li:before {
		font-size: 20px;
		margin: 0 5px 0 0px;
		top: 3px;
		}
		/*----------------------------------------------------------------*/
		#footer {
		margin: 0px 0px 20px 0px;
		}
		#footer .container{}
		#footer .bgContainer{}
		/*----------------------------------------------------------------*/
		#footerMenuOne {
		width: 64%;
		padding: 25px 4% 25px 1%;
		height: auto;
		border: 1px solid #aee5e7;
		border-width: 0px 1px 1px 0px;
		}
		#footerMenuOne ul{
		margin: 0px 0px 10px 0px;
		}
		#footerMenuOne ul li{}
		#footerMenuOne ul li a{
		font-size: 16px;
		}
		#footerMenuOne ul li a.menuSelected{}
		#footerMenuOne ul li ul {}
		#footerMenuOne ul li ul li{}
		#footerMenuOne ul li ul li a{
		font-size: 14px;
		padding: 0px 0px 0px 15px;
		}
		#footerMenuOne ul li ul li a:before{}
		#footerMenuOne ul li ul li a.menuSelected{}
		/*----------------------------------------------------------------*/
		#footerMenuTwo {
		width: 67%;
		padding: 25px 1%;
		min-height: 184px;
		margin: -1px 0 0 0;

		border-right: 1px solid #aee5e7;
		}
		#footerMenuTwoInner{}
		#footerMenuTwo ul{
		margin: 0px 0px 10px 0px;
		}
		#footerMenuTwo ul li{}
		#footerMenuTwo ul li a{
		font-size: 17px;
		}
		#footerMenuTwo ul{}
		#footerMenuTwo ul li{}
		#footerMenuTwo ul li a{}
		#footerMenuTwo ul li a.menuSelected{}
		#footerMenuTwo ul li ul {}
		#footerMenuTwo ul li ul li{}
		#footerMenuTwo ul li ul li a{
		font-size: 14px;
		padding: 0px 0px 0px 15px;
		}
		#footerMenuTwo ul li ul li a:before{}
		#footerMenuTwo ul li ul li a.menuSelected{}
		#footerMenuTwo h2{
		font-size: 17px;
		margin: -10px 0px 8px 0px;
		}
		/*----------------------------------------------------------------*/
		#footerContent{
		width: 29.9%;
		}
		/*----------------------------------------------------------------*/
		.moduleComponentContainerfooterContent,
		.moduleComponentfooterContent {}
		.moduleComponentfooterContent .bannerMultipleImageContainer{}
		.moduleComponentfooterContent .bannerImageContainer {}
		.moduleComponentfooterContent .bannerImageContainer img.bannerImage{width: 100%; height: auto;}
		.moduleComponentfooterContent h2.bannerTitle{}
		.moduleComponentfooterContent .bannerHtmlContent {
		width: 82%;
		height: 184px;
		padding: 25px 9%;
		font-size: 110%;
		border-bottom: 1px solid #aee5e7;
		}
		.moduleComponentfooterContent .bannerHtmlContent p{
		margin: 0px 0px 12px 0px;
		}
		.moduleComponentfooterContent .bannerHtmlContent p.connectWithUsTag{
		font-size: 84%;
		margin: 25px 0px 10px 0px;
		}
		.moduleComponentfooterContent .bannerHtmlContent a.facebookIcon{
		width: 36px;
		height: 32px;
		margin: 0px 4px 0px 0px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -7px -128px no-repeat;
		}
		.moduleComponentfooterContent .bannerHtmlContent a.twitterIcon{
		width: 36px;
		height: 32px;
		margin: 0px 4px 0px 0px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -52px -128px no-repeat;
		}
		.moduleComponentfooterContent .bannerHtmlContent a.youtubeIcon{
		width: 36px;
		height: 32px;
		margin: 0px 4px 0px 0px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -97px -128px no-repeat;
		}
		.moduleComponentfooterContent .bannerHtmlContent p a.facebookIcon span,
		.moduleComponentfooterContent .bannerHtmlContent p a.twitterIcon span,
		.moduleComponentfooterContent .bannerHtmlContent p a.youtubeIcon span{}
		/*----------------------------------------------------------------*/
		#copyright {
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		}
		 #copyright p {
		color: rgba(255,
		255,
		255,
		0.6);
		font-size: 13px;
		}
		#copyright p span.right{}
		#copyright p span.left{}
		#copyright p a{
		color: rgba(255,
		255,
		255,
		0.6);
		}
		#copyright p a:hover{}
		/*----------------------------------------------------------------*/
		#moduleItemsListing.moduleItemsListingMeetTheTeam{
		margin: 45px 0px 50px 0px;
		}
		/* --- first row */
		.hexagon:nth-child(1){
		margin: 0 0px -91px 132px;
		}
		.hexagon:nth-child(2){
		margin: 0 0px -91px 93px;
		}
		/* --- 3 across row */
		.hexagon:nth-child(3),
		.hexagon:nth-child(8),
		.hexagon:nth-child(13),
		.hexagon:nth-child(18),
		.hexagon:nth-child(23),
		.hexagon:nth-child(28){
		margin: 0px 93px -93px 0px;
		display:;
		}
		.hexagon:nth-child(4),
		.hexagon:nth-child(9),
		.hexagon:nth-child(14),
		.hexagon:nth-child(19),
		.hexagon:nth-child(24),
		.hexagon:nth-child(29){
		margin: 0px 0px -91px 0px;
		display:;
		}
		.hexagon:nth-child(5),
		.hexagon:nth-child(10),
		.hexagon:nth-child(15),
		.hexagon:nth-child(20),
		.hexagon:nth-child(25),
		.hexagon:nth-child(30){
		margin: 0px 0px -91px 93px;
		display:;
		}
		/* --- 2 across row */
		.hexagon:nth-child(6),
		.hexagon:nth-child(11),
		.hexagon:nth-child(16),
		.hexagon:nth-child(21),
		.hexagon:nth-child(26){
		margin: 0 0px -91px 132px;
		}
		.hexagon:nth-child(7),
		.hexagon:nth-child(12),
		.hexagon:nth-child(17),
		.hexagon:nth-child(22),
		.hexagon:nth-child(27){
		margin: 0 0px -91px 93px;
		}
		.hexagon {
		padding: 12%;
		transform: rotate(30deg) skewY(30deg) scaleX(.866);
		 /* .866 = sqrt(3)/2 */
		}
		.hexagon:before,
		 .content:after,
		.content:before {
		/* 86.6% = (sqrt(3)/2)*100% = .866*100% */
		top: 6.7%;
		  bottom: 6.7%;
		  /* 6.7% = (100% -86.6%)/2 */
		transform: scaleX(1.155) skewY(-30deg) rotate(-30deg);
		 /* 1.155 = 2/sqrt(3) */
		padding:;
		background-color: rgba(117,
		192,
		136,
		0);
		background-size: cover;
		content: '';
		}
		div.hexagon:before {
		background-color: rgba(117,
		192,
		136,
		1);
		}
		div.hexagon:before {
		background-color: rgba(117,
		192,
		136,
		1);
		}
		.content:hover:after,
		.content:hover:before{
		transition: 0s all;
		background-color: rgba(117,
		192,
		136,
		0.85);
		}
		.content:after {
		 content: attr(data-content) '\a' attr(data-content2);
		white-space: pre;
		 }
		.content:after:first-line {
		  color:red !important;
		 }
		.content:before {
		 content: '';
		line-height: 100px;
		}
		.content:hover:before {
		 content: ' ';
		z-index:0;
		}
		a.hexagon:hover:before {
		opacity:0.8}
		.hexagon:hover:before {}
		.ribbon:after {
		top: 6%;
		line-height: 1.4;
		padding: 85px 0px 0 0;
		}
		.ribbon:hover:after {}
		/*---- Details page -----------*/
		.moduleDetailWrapperMeetTheTeam {}
		.moduleItemMeetTheTeam {}
		.moduleItemMeetTheTeam h1.title{}
		.moduleItemMeetTheTeam span{}
		.moduleItemMeetTheTeam #moduleItemContent{
		width: 36%;
		padding: 0 4% 0 0;
		}
		.moduleItemMeetTheTeam .galleryModuleItem{
		width: 30%;
		margin: 15px 0px 0px 0px;
		}
		.moduleItemMeetTheTeam .galleryModuleItem .image {}
		.moduleItemMeetTheTeam .galleryModuleItem .image a{}
		.moduleItemMeetTheTeam .galleryModuleItem .image a img{
		width: 90%;
		height: auto;
		}
		.moduleItemMeetTheTeam .extraFields {
		width: 27%;
		padding: 0 0 0 2.5%;
		font-size: 85%;
		}
		.moduleItemMeetTheTeam .extraFields p#extraField5{}
		.moduleItemMeetTheTeam .extraFields p#extraField6{}
		.moduleItemMeetTheTeam .extraFields p#extraField6 span{}
		.moduleItemMeetTheTeam #moduleItemBack{
		margin: 30px 0px 0px 0px;
		}
		.moduleItemMeetTheTeam #moduleItemBack a{}
		/*----------------------------------------------------------------*/
		.southernCrossCallout{
		width: 65%;
		margin: 35px 5% 0 0;
		}
		.southernCrossCallout p{
		line-height: 1.5;
		font-size: 82%;
		}
		/*----------------------------------------------------------------*/
		#pageEmailSource,
		#emailForm{
		min-width: 0;
		}
		.contact-us #pageEmailSource,
		.contact-us #emailForm{
		width: 50%;
		min-width: 0;
		margin: 0px 0 40px 0;
		}
		.contact-us #pageEmailSource{
		width: 27.5%;
		min-height: 750px;
		padding: 0 0 0 2%;
		}
		.contact-us #pageEmailSource img {
		margin: -9px 0 0 -14px;
		width: 100% !important;
		height: auto !important;
		}
		.formHeaderText p{
		font-size: 110%;
		line-height : 1.3;
		}
		.contact-us #emailForm {
		width: 67%;
		margin: 0px 3% 0 0;
		}
		 .contact #pageEmailSource table{}
		#emailForm h2,
		 #subscribeForm h2,
		 #surveyTable h2,
		 #alertForm h2,
		 #registrationForm h2{
		color: #aaa;
		border-bottom: 1px solid #f8f8f8;
		}
		#emailForm,
		 #subscribeForm,
		 #surveyTable,
		 #alertForm,
		 #registrationForm {
		background: none repeat scroll 0 0 #fff;
		border: medium none;
		padding: ;
		min-width: 0;
		}
		#blank #emailForm {
		background: transparent;
		min-width: 99%;
		max-width: 99%;
		}
		#emailForm #formTable {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 transparent;
		border-color: #f9f9f9;
		border-image: none;
		border-radius: 3px;
		border-style: solid;
		border-width: 0;
		margin: 50px 0px 0px;
		}
		#blank .formHeaderText{
		padding: 0 6px;
		}
		#blank #emailForm #formTable {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 transparent;
		border-color: transparent;
		border-image: none;
		border-radius: 3px;
		border-style: solid;
		border-width:0px;
		}
		.formHeaderText {
		padding: 0 0 0;
		}
		#emailForm #formTable tr {
		background: none repeat scroll 0 0 transparent;
		}
		#emailForm td {
		border-bottom: medium none;
		padding: 10px 0;
		vertical-align: top;
		}
		#emailForm table,
		 #subscribeForm table,
		 #surveyTable table,
		 #alertForm table,
		 #registrationForm table {
		border: medium none;
		}
		#emailForm table td,
		 #subscribeForm table tr.even td,
		 #surveyTable table tr.even td,
		 #alertForm table tr.even td,
		 #registrationForm table tr.even td {}
		#emailForm table td,
		 #subscribeForm table tr.odd td,
		 #surveyTable table tr.odd td,
		 #alertForm table tr.odd td,
		 #registrationForm table tr.odd td {}
		#emailForm {}
		#emailForm td.labelHorizontal,
		 #subscribeForm td.labelHorizontal,
		 #surveyTable td.labelHorizontal,
		 #alertForm td.labelHorizontal,
		 #registrationForm td.labelHorizontal {
		padding: 0 5% 0 0;
		width: 25%;
		line-height: 30px;
		}
		#emailForm td.valueHorizontal,
		 #subscribeForm td.valueHorizontal,
		 #surveyTable td.valueHorizontal,
		 #alertForm td.valueHorizontal,
		 #registrationForm td.valueHorizontal {
		vertical-align: middle;
		width: 70%;
		}
		#emailForm td.labelVertical,
		 #subscribeForm td.labelVertical,
		 #surveyTable td.labelVertical,
		 #alertForm td.labelVertical,
		 #registrationForm td.labelVertical {
		font-size: 14px;
		padding-top: 4px;
		}
		#emailForm td.valueHorizontal .fgroup,
		 #subscribeForm td.valueHorizontal .fgroup,
		 #surveyTable td.valueHorizontal .fgroup,
		 #alertForm td.valueHorizontal .fgroup,
		 #registrationForm td.valueHorizontal .fgroup {
		font-size: 16px;
		margin: 15px 0 15px 0;
		line-height: 20px;
		}
		span.fieldNumber {
		margin: 0 10px 0 0;
		}
		span.required {
		color: #666;
		}
		table.ftable td {
		padding: 4px;
		vertical-align: top;
		}
		table.ftable td.flabel {
		padding-right: 10px;
		}
		table.ftable td.fvalue {}
		table.ftable td.fcolumn {}
		input.ftxt,
		 input.fmtxt,
		 input.fstxt,
		 input.fdate,
		 textarea.fmtxt {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #e5ecf2;
		font-family: arial,
		helvetica,
		sans-serif;
		font-size: 14px;
		margin: 3px 0;
		padding: 2.5% 3%;
		width: 94%;
		}
		input.ftxt:hover,
		 input.ftxt:focus,
		 input.fmtxt:hover,
		 input.fmtxt:focus,
		 input.fstxt:hover,
		 input.fstxt:focus,
		 input.fdate:hover,
		 input.fdate:focus,
		 textarea.fmtxt:hover,
		 textarea.fmtxt:focus {
		border: 1px solid #efefef;
		}
		input.fdate {
		width: 150px;
		}
		input.fstxt {
		width: 50px;
		}

		select.fsel,
		 select.fseldate {
		border: 1px solid #d3d3d2;
		font-size: 12px;
		margin: 0 10px 0 0;
		padding: 3%;
		}
		select.fseldate {}
		select.fseldate:hover,
		 select.fseldate:focus,
		 select.fseldate:hover,
		 select.fseldate:focus {}
		#formTable div {}
		#formTable div.buttonPanel,
		 #formTable div.logInBox {}
		#formTable div.logInBox {
		font-size: 13px;
		}
		.buttonBar,
		 .buttonPanel {
		padding: 15px 0 0;
		}
		.buttonBar input,
		.buttonBar input.fsub,
		.buttonPanel input.fsub,
		input.fsub {
		line-height: 30px;
		margin: 20px 0 0 10px;
		padding: 4px 45px;
		font-size: 16px;
		}
		input:hover,
		 input.fsub:hover,
		 input.fsub:hover,
		 input.fsub:hover {}
		.buttonBar input:before,
		.buttonBar input.fsub:before,
		.buttonPanel input.fsub:before,
		input.fsub:before{
		margin: 5px 10px 5px 5px;
		content: " + ";
		width: 20px;
		height: 20px;
		border-radius: 10px;
		line-height: 20px;
		}
		.contact-us input.fsub{
		margin: -55px 0px 5px 5px;
		}
		/*----------------------------------------------------------------*/
		.moduleComponentContainerservicesBanner,
		.moduleComponentservicesBanner {
		width: 732px !important;
		height: 400px !important;
		margin: 0px 0px 0px -10px;
		}
		.moduleComponentservicesBanner .bannerHtmlContent {
		top:100px;
		right: 0px;
		width: 380px;
		padding: 20px 30px;
		background : rgba(255,255,255,0.92);
		}
		.moduleComponentservicesBanner .bannerHtmlContent p {}
		.moduleComponentservicesBanner .bannerHtmlContent p span{}
		.moduleComponentservicesBanner.moduleComponent51{}
		.moduleComponentservicesBanner.moduleComponent52{}
		.moduleComponentservicesBanner.moduleComponent53{}
		.moduleComponentservicesBanner.moduleComponent54{}
		/*----------------------------------------------------------------*/
		.our-services #pageEditorContent {}
		/*----------------------------------------------------------*/
		.our-services .moduleComponentContainertileCallouts{
		width: 722px;
		margin: 0px 0px 20px -11px;
		}
		.our-services .moduleComponenttileCallouts ,
		.our-services .moduleComponenttileCallouts:nth-child(3){
		width: 24.25%;
		height: 370px;
		margin: 0 1% 0 0;
		background-color: #eaf8f9;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: top center;
		}
		.our-services .moduleComponenttileCallouts:nth-child(4){
		width: 24.25%;
		}
		.our-services .moduleComponenttileCallouts h2.bannerTitle{
		margin: 0;
		}
		.our-services .moduleComponenttileCallouts:hover h2.bannerTitle{}
		.our-services .moduleComponenttileCallouts h2.bannerTitle a{}
		.our-services .moduleComponenttileCallouts .bannerHtmlContent,
		.our-services .moduleComponenttileCallouts:hover .bannerHtmlContent {
		border: none !important;
		width: 84%;
		padding:25px 7%;
		height: 320px !important;
		}
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h1,
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h2,
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h3,
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h4,
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h5{
		font-size: 32px;
		line-height:1.0;
		}
		.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle{
		margin: 80px 0px 15px 0px;
		}
		.our-services .moduleComponenttileCallouts h2.bannerTitle a{
		font-size: 24px;
		}
		.our-services .moduleComponenttileCallouts:hover h2.bannerTitle a{}
		.our-services .moduleComponenttileCallouts h2.bannerLink{}
		.our-services .moduleComponenttileCallouts p{
		font-size: 12px;
		}
		.our-services .moduleComponenttileCallouts a.bannerLinkMask{}
		.our-services .moduleComponenttileCallouts a.bannerLinkMask:after{
		top:320px;
		left:20px;
		font-size: 13px;
		padding: 8px 10px;
		}
		/*----------------------------------------------------------------*/
		.moduleListingWrapperServices {}
		/*----------------------------------------------------------------*/
		#pageEditorContent #tagCloud {
		width: 170px;
		padding: 20px;
		margin: 10px 0px 0px 0px;
		}
		#pageEditorContent .moduleDetailWrapperServices #tagCloud {
		margin: 70px 0px 0px 0px;
		}
		#pageEditorContent #tagCloud  ul {}
		#pageEditorContent #tagCloud  ul li {
		margin: 4px 0px;
		line-height: 16px;
		}
		#pageEditorContent #tagCloud  ul li:before{}
		#pageEditorContent #tagCloud  ul li a{}
		#pageEditorContent #tagCloud ul li ul li {
		margin: 10px 0px;
		line-height: 16px;
		}
		#pageEditorContent #tagCloud  ul li:before{}
		#pageEditorContent #tagCloud  ul li ul li a{
		font-size: 13px;
		line-height: 16px;
		}
		#pageEditorContent #tagCloud  ul li a:hover{}
		/*---------------------*/
		.treatmentHeadingModuleItemServices {
		top:12px;
		height: 44px;
		}
		.treatmentHeadingModuleItemServices .treatmentAnchors {
		font-size: 11px;
		}
		.treatmentHeadingModuleItemServices p.headingTag {
		width: 20%;
		line-height: 44px;
		text-indent: 10px;
		}
		.treatmentHeadingModuleItemServices .field {
		padding: 0 0 0 2%;
		margin: 0 0 0 2%;
		height: 44px;
		font-size: 10px;
		}
		.extraField h3.subNavigationTitle{
		font-size: 18px;
		padding: 0px 0px 0px 10px;
		margin: 20px 0px 20px -10px;
		}
		.treatmentHeadingModuleItemServices #extraField7{
		width: 9.2%;
		}
		.treatmentHeadingModuleItemServices #extraField7 a:before{
		top: 5%;
		}
		.treatmentHeadingModuleItemServices #extraField8{
		width: 7.2%;
		}
		.treatmentHeadingModuleItemServices #extraField9{
		width: 9.8%;
		}
		.treatmentHeadingModuleItemServices #extraField10{
		width: 8.0%;
		}
		.treatmentHeadingModuleItemServices #extraField11{
		width: 6.5%;
		}
		.treatmentHeadingModuleItemServices #extraField12{
		width: 5.2%;
		}
		.treatmentHeadingModuleItemServices #extraField13{
		width: 5.2%;
		}
		.treatmentHeadingModuleItemServices .field a{
		line-height: 16px;
		font-size: 10px;
		}
		.treatmentHeadingModuleItemServices .field a:before{
		top: 35%;
		left: -20px;
		width: 6px;
		height: 13px;
		background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -10px -235px;
		}
		/*---------------------*/
		#moduleItemsListing.moduleItemsListingServices,
		.moduleItemServices{
		width: 445px;
		padding: 20px;
		 }
		#pageEditorContent .moduleDetailWrapperServices .moduleItemServices{
		margin: 45px 0px 0px 0px;
		}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem {}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header {}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .title{}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent {}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore {}
		#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore a{}

.innovation-and-technology iframe{
width:100%;
margin:0 0 10px 0 !important;
}

.innovation-and-technology iframe:first-child{
margin:0;
}

.innovation-and-technology iframe:last-child{}

/***********Home promo callout****************/

.moduleComponentContainerpromotionCallout
{
float: left;
position: relative;
width: 720px;
margin: 25px 0px 10px -11px;
padding:0px;
}

.moduleComponentContainerpromotionCallout .bannerHtmlContent
{
float: left;
position: relative;
background:#97cb5b;
width:100%;
height:187px;
box-sizing:border-box;
padding:0px 20px 0px 20px;
}

.moduleComponentContainerpromotionCallout .bannerImageContainer
{
display:none;
}



}
/*---- BP2 --- Other phones --*/
@media screen and (max-width: 450px) {
body{
min-width: 320px;
}
h1,
 .h1 {
font-size: 22px;
padding: 0px 0px;
margin: 0px 0px 25px;
}
h1.contentPageTitle{
font-size: 22px;
padding: 0px 0px;
}
h1.breadcrumbs{
font-size: 22px;
padding: 0px 0px;
}
h2,
 .h2 {
font-size: 20px;
margin: 20px 0;
line-height:34px;
padding: 0px 0px 0px 0px;
}
h3,
 .h3 {
ffont-size: 20px;
margin: 12px 0;
line-height: 32px;
padding: 0px 0px 14px 0px;
}
h4,
 .h4 {
color: #666;
font-size: 19px;
margin: 15px 0;
}
p,
 div#pageSource {
line-height: 22px;
margin: 10px 0;
}
div#pageSource {
padding: 0px 0 0;
}
ul {
margin: 10px 0;
padding: 0 0 0 20px;
}
ol {
margin: 10px 0;
padding: 0 0 0 20px;
}
li {
list-style: disc;
line-height: 24px;
margin: 3px 0px;
}
li p {
line-height: 24px;
}
hr {
margin: 30px 0;
min-clear: both;
border-top: 1px solid #e5e5e5;
}
a {}
a:hover {
text-decoration: underline;
}
td {
vertical-align: top;
}
a img {
border: medium none;
}
strong {}
.container {
margin: 0 auto;
width: 320px;
}
.bgContainer {

width: 300px;
padding: 0 10px;
font-size: 15px;
}
#default.home .bgContainer {
font-size: 15px;
}
em{
font-style: italic;
}
body {}
table{
max-width: 100% !important;
margin: 10px 0px 0px ;
table-layout: table;
}
table table{}
th{
padding: 10px 15px;
font-size: 16px;
font-weight: 700;
background: #b9b9b9;
}
td{
padding: 10px 20px;
vertical-align: top;
}
th p{
margin: 10px 0;
font-size: 115%;
}
td p{
margin: 10px 0;
}
tr:nth-child(even) {
background:transparent;
}
tr:nth-child(odd) {
background:transparent;
}
table.noStyling{}
table.noStyling tr:nth-child(even) {
background: none }
table.noStyling tr:nth-child(odd) {
background: none }
td img,
th img{}
/*----------------------------------------------------------*/
#header,
.navigation-wrapper {
height: 143px;
width: 0%;
z-index: 2000;
}
#default.home #header,
#default.home .navigation-wrapper{}
#header.stuck{
position: realtive;
height: 143px;
box-shadow: none
}
#header .container{
width: 320px;
}
#header .bgContainer{
width: 300px;
padding: 0 10px;
}
/*----------------------------------------------------------*/
a.logo{
transform: scale(0.65);
width: 353px;
height: 65px;
margin: 12px 0px 0px -70px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px 0px no-repeat;
}
#header.stuck a.logo{
transform: scale(0.6);
margin: -2px 0px -15px -70px;
}
a.logo span{}
/*----------------------------------------------------*/
a.referralsButton{
width: 190px;
height: 32px;
line-height: 32px;
font-size: 90%;
margin: 15px 50px 0px 0px;
padding: 0px 0px 0px 0px;
border-radius: 4px;
}
#header.stuck a.referralsButton{
padding: 15px 0px 0px 0px;
}
a.referralsButton:hover{}
/*----------------------------------------------------*/
#navigation {
margin: 14px 0px 12px 0px;
}
#header.stuck #navigation {
margin: 0px 0px 12px 0px;
}
#navigation ul {}
#header.stuck #navigation ul {}
#navigation ul li {
line-height: 30px;
height: 30px;
transition: 0.8s all;
}
#navigation ul li:nth-child(1) {
width: 100%;
}
#navigation ul li:nth-child(2) {
width: 100%;
}
#navigation ul li:nth-child(3) {
width: 100%;
}
#navigation ul li:nth-child(4) {
width: 100%;
}
#navigation ul li:nth-child(5) {
width: 100%;
}
#navigation ul li:nth-child(6) {
width:100%;
}
#navigation ul li:nth-child(7) {
width: 100%;
}
#navigation ul li ul {}
#navigation ul li ul:after {}
#navigation ul li a {
font-size: 13px;
padding: 6px 0px 18px;
}
#navigation ul li a:hover {}
#navigation ul li:last-child a {
font-size: 13px;
padding: 6px 0px 12px 12px;
}
#navigation ul li:hover a,
#navigation ul li a:hover,
#navigation ul li > a.menuSelected,
#navigation ul li > a.childSelected {}
#navigation ul li:hover ul li a {}
#navigation ul li > a.menuSelected:hover,
#navigation ul li > a.childSelected:hover {}
#navigation ul li:nth-last-child(1) a {
margin: 0px 0px 0px 4px;
}
#navigation ul li ul {}
#header #navigation ul li > ul {}
#header #navigation ul li:hover > ul {}
/*-------------*/
#header #navigation ul li ul{
top: 44px;
left: -23px;
width: 240px;
}
#header.stuck #navigation ul li ul {
top: 42px;
}
#header #navigation ul li ul li {
padding: 5px 14px 5px;
min-height: 20px;
width: 210px;
line-height: 19px;
}
#header #navigation ul li ul li:hover {}
#header #navigation ul li ul li:last-child {
border-width: 0px 1px 1px 1px;
}
#header #navigation ul li ul li a,
#header.stuck #navigation ul li ul li a {
width: 190px;
line-height: 22px;
padding: 4px 10px 4px 10px;
font-size: 15px;
}
#header #navigation ul li ul li a:hover,
#header #navigation ul li ul li a.menuSelected {}
#header #navigation ul li ul li ul{
display: none !important;
}
/*----------------------------------------------------------*/
#content {
padding: 0px 0px 40px 0px;
border-top: 1px solid #ccdae5;
overflow:hidden;
}
body.home #content {}
body.home #content:before {
top: 30px;
right: 10%;
width: 570px;
height: 421px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -6px -218px no-repeat;
}
#content .container{
width: 320px;
}
#content .bgContainer{
width: 300px;
padding: 0 10px;
}
/*----------------------------------------------------*/
body.hasLeftCol #leftCol{
float: none;
width: 100%;
margin: 0px 0px 20px 0px;
}
body.hasLeftCol #pageEditorContent{
width: 100%;
margin: 0px;
}
#registrationForm .fsub{
padding: 5px;
font-size: 14px;
}
#surveyTable .buttonBar input{
padding: 5px;
font-size: 14px;
}
#progressBar .step{
width: 23%;
}
#progressBar .step span.stepNumber{
font-size: 20px;
}
#progressBar .step span.stepLabel{
display: none;
}

#yourReferrals th{
display: none;
}

#yourReferrals td{
border: none;
margin: 2px 0px;
}

#yourReferrals td.name{
margin-top: 15px;
}
#yourReferrals td.del{
display: none;
}

/*----------------------------------------------------------*/
.moduleComponentContainerheaderBanner,
.moduleComponentheaderBanner  {
width: 100% !important;
height: 200px !important;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner {
width: 100% !important;
height: 200px !important;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent {
width: 70%;

left : 5%;
border-radius : 5px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent30 .bannerHtmlContent {
margin-left: 0px;
width: 70%;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent31 .bannerHtmlContent {
margin-left: 0px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent32 .bannerHtmlContent {
margin-left: 0px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p{
font-size: 20px;
text-shadow: 0px 0px 30px #000;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h1 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h2 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent h3 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner .bannerHtmlContent p strong{
font-size: 20px;
}
/*----------------------------------------------------------*/
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent {
background: rgba(117,192,136,.92);
padding: 20px 30px;
width: 440px;
left: 0;
transform: translateY(-30%);
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p{
font-size: 22px;
line-height: 1.3;
text-indent: -10px;
}
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h1 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h2 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent h3 strong,
.moduleComponentContainerheaderBanner .moduleComponentheaderBanner.moduleComponent45 .bannerHtmlContent p strong{
font-size: 40px;
}
/*----------------------------------------------------------*/
.moduleComponentContainertileCallouts{
width: 300px;

height: auto;
margin: 0px 0px 10px 0px;
}
.moduleComponenttileCallouts {
width: 100%;
position: relative;
float: left;
height: 250px !important;
margin: 10px 0px 0 0;
background-size:  auto 100%;
background-position: center;
}
.moduleComponenttileCallouts:nth-child(3){
width: 100%;
margin: 10px 0px 0 0;
}
.moduleComponenttileCallouts h2.bannerTitle{
margin: 40px 0px 0px 20px;
font-size: 32px;
display:none;
}
.moduleComponenttileCallouts:hover h2.bannerTitle{ display:none;}
.moduleComponenttileCallouts h2.bannerTitle a{}
.moduleComponenttileCallouts .bannerHtmlContent,
.moduleComponenttileCallouts:hover .bannerHtmlContent {
border: none !important;
position: relative;
float: left;
display: block !important;
opacity: 1 !important;
width: 284px;
height: auto;
padding: 28px 18px;
background: none !important;
 }

.moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
.moduleComponenttileCallouts .bannerHtmlContent h1,
.moduleComponenttileCallouts .bannerHtmlContent h2,
.moduleComponenttileCallouts .bannerHtmlContent h3,
.moduleComponenttileCallouts .bannerHtmlContent h4,
.moduleComponenttileCallouts .bannerHtmlContent h5{
font-size: 22px;
display:block;
color: #00457c !important;
}
.moduleComponenttileCallouts h2.bannerTitle a{color: #00457c !important;}
.moduleComponenttileCallouts:hover h2.bannerTitle a{color: #00457c !important;}
.moduleComponenttileCallouts h2.bannerLink{}
.moduleComponenttileCallouts p{
font-size: 85% !important;
line-height: 1.6;
width: 190px;
color: #00457c !important;
}
.moduleComponenttileCallouts a.bannerLinkMask{}
/*----------------------------------------------------------*/
#pageEditorContent{
margin: 55px 0% 65px 0;
}
#pageEditorContent.hasCallout{
width: 100%;
margin: 15px 0% 25px 0;
}
body.home #pageEditorContent{
width: 100%;
margin: 15px 0% 65px 0;
}
body.about-us #pageEditorContent.hasCallout,
body.our-story #pageEditorContent.hasCallout{
width: 100%;
}
#pageEditorContent.fullWidth{
width: 96%;
margin: 0px 2% 65px;
}
#pageEditorContent ul{}
#pageEditorContent ul li{
padding: 0px 0px 6px 30px;
}
#pageEditorContent ul li:before{
content:'\25b6' !important;
margin: 0px 0px -10px -30px;
width: 20px;
height: 20px;
font-size: 12px;
}
#pageEditorContent ul li ul li{
padding: 0px 0px 5px 0px;
}
#pageEditorContent ul li ul li:before {
margin: 10px 4px -8px 0px;
width: 28px;
height: 28px;
}
#pageEditorContent ol{
counter-reset: section;
}
#pageEditorContent ol li{
padding: 0px 0px 15px 44px;
}
#pageEditorContent ol li:before{
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 100%;
margin: 0px 14px -10px -44px;
}
#pageEditorContent ol li ol li{
padding: 0px 0px 5px 44px;
}
#pageEditorContent ol li ol li:before {
margin: 10px 4px -8px -44px;
width: 28px;
height: 28px;
}
/*--------------------------------------------------------*/
p.leadInContent{
font-size: 28px;
}
/*-- text callout ----------------------------------------*/
.moduleComponentContainertextCallouts  {
width: 100%;
min-height: 138px;
padding: 15px 30px 0;
margin: 55px -10px 0px 0px;
background: #35bfc2 url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) 0px -650px no-repeat;
}

body.home .moduleComponentContainertextCallouts  {
width: 100%;
min-height: 138px;
padding: 20px 22px;
margin: 15px -10px 0px 0px;
}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts {}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts  h1,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5{
font-size: 26px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h1:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h2:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h3:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h4:after,
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts h5:after{
width: 44px;
height: 39px;
margin: -5px 0px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -9px -72px no-repeat;
}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p{
font-size: 120%;
margin: 0px 0px 20px 0px;
}
.home .moduleComponentContainertextCallouts  .moduleComponenttextCallouts p{
font-size: 95%;
}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts p strong{}
.moduleComponentContainertextCallouts  .moduleComponenttextCallouts a{}
.whiteArrowLink:before{
width: 18px;
height: 26px;
margin: 0px 13px -6px -30px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -0px -185px no-repeat;
}
/*-- Sitemap -----------------------------------------*/
#pageEditorContent ul#siteMap{
margin: 30px 0px 0px 0px;
column-rule: 1px solid #efefef;
-moz-column-rule: 1px solid #efefef;
column-rule: 1px solid #efefef;
}
#pageEditorContent ul#siteMap li{
margin: 3px;
padding: 0px 0px 0px 10px;
}
#pageEditorContent ul#siteMap li:before {
font-size: 20px;
margin: 0 5px 0 0px;
top: 3px;
}
/*----------------------------------------------------------------*/
#footer {
margin: 0px 0px 20px 0px;
}
#footer .container{}
#footer .bgContainer{}
/*----------------------------------------------------------------*/
#footerMenuOne {
width: 92%;
padding: 25px 4% 25px 4%;
height: auto;
border: 1px solid #aee5e7;
border-width: 0px 0px 1px 0px;

-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#footerMenuOne ul{
margin: 0px 0px 10px 0px;
}
#footerMenuOne ul li{}
#footerMenuOne ul li a{
font-size: 16px;
}
#footerMenuOne ul li a.menuSelected{}
#footerMenuOne ul li ul {}
#footerMenuOne ul li ul li{}
#footerMenuOne ul li ul li a{
font-size: 14px;
padding: 0px 0px 0px 15px;
}
#footerMenuOne ul li ul li a:before{}
#footerMenuOne ul li ul li a.menuSelected{}
/*----------------------------------------------------------------*/
#footerMenuTwo {
width: 92%;
padding: 25px 4%;
min-height: 184px;
margin: -1px 0 0 0;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
border: none;

border-top: 1px solid #aee5e7;
}
#footerMenuTwoInner{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

#footerMenuTwo ul{
margin: 0px 0px 10px 0px;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#footerMenuTwo ul li{}
#footerMenuTwo ul li a{
font-size: 17px;
}
#footerMenuTwo ul{}
#footerMenuTwo ul li{}
#footerMenuTwo ul li a{}
#footerMenuTwo ul li a.menuSelected{}
#footerMenuTwo ul li ul {}
#footerMenuTwo ul li ul li{}
#footerMenuTwo ul li ul li a{
font-size: 14px;
padding: 0px 0px 0px 15px;
}
#footerMenuTwo ul li ul li a:before{}
#footerMenuTwo ul li ul li a.menuSelected{}
#footerMenuTwo h2{
font-size: 17px;
margin: -10px 0px 8px 0px;
}
/*----------------------------------------------------------------*/
#footerContent{
width: 100%;
}
/*----------------------------------------------------------------*/
.moduleComponentContainerfooterContent,
.moduleComponentfooterContent {}
.moduleComponentfooterContent .bannerMultipleImageContainer{}
.moduleComponentfooterContent .bannerImageContainer {}
.moduleComponentfooterContent .bannerImageContainer img.bannerImage{width: 100%; height: auto;}
.moduleComponentfooterContent h2.bannerTitle{}
.moduleComponentfooterContent .bannerHtmlContent {
width: 82%;
height: auto;
padding: 25px 9%;
font-size: 110%;
border-bottom: 1px solid #aee5e7;
}
.moduleComponentfooterContent .bannerHtmlContent p{
margin: 0px 0px 12px 0px;
}
.moduleComponentfooterContent .bannerHtmlContent p.connectWithUsTag{
font-size: 84%;
margin: 25px 0px 10px 0px;
}
.moduleComponentfooterContent .bannerHtmlContent a.facebookIcon{
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -7px -128px no-repeat;
}
.moduleComponentfooterContent .bannerHtmlContent a.twitterIcon{
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -52px -128px no-repeat;
}
.moduleComponentfooterContent .bannerHtmlContent a.youtubeIcon{
width: 36px;
height: 32px;
margin: 0px 4px 0px 0px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -97px -128px no-repeat;
}
.moduleComponentfooterContent .bannerHtmlContent p a.facebookIcon span,
.moduleComponentfooterContent .bannerHtmlContent p a.twitterIcon span,
.moduleComponentfooterContent .bannerHtmlContent p a.youtubeIcon span{}
/*----------------------------------------------------------------*/
#copyright {
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
 #copyright p {
color: rgba(255,
255,
255,
0.6);
font-size: 13px;
}
#copyright p span.right{}
#copyright p span.left{}
#copyright p a{
color: rgba(255,
255,
255,
0.6);
}
#copyright p a:hover{}
/*----------------------------------------------------------------*/
#moduleItemsListing.moduleItemsListingMeetTheTeam{
margin: 45px 0px 50px 0px;
}
/* --- first row */
.hexagon:nth-child(1){
margin: 0 0px 0px 0px;
}
.hexagon:nth-child(2){
margin: 0 0px 0px 0px;
}
/* --- 3 across row */
.hexagon:nth-child(3),
.hexagon:nth-child(8),
.hexagon:nth-child(13),
.hexagon:nth-child(18),
.hexagon:nth-child(23),
.hexagon:nth-child(28){
margin: 0 0px 0px 0px;
display:;
}
.hexagon:nth-child(4),
.hexagon:nth-child(9),
.hexagon:nth-child(14),
.hexagon:nth-child(19),
.hexagon:nth-child(24),
.hexagon:nth-child(29){
margin: 0 0px 0px 0px;
display:;
}
.hexagon:nth-child(5),
.hexagon:nth-child(10),
.hexagon:nth-child(15),
.hexagon:nth-child(20),
.hexagon:nth-child(25),
.hexagon:nth-child(30){
margin: 0 0px 0px 0px;
display:;
}
/* --- 2 across row */
.hexagon:nth-child(6),
.hexagon:nth-child(11),
.hexagon:nth-child(16),
.hexagon:nth-child(21),
.hexagon:nth-child(26){
margin: 0 0px 0px 0px;
}
.hexagon:nth-child(7),
.hexagon:nth-child(12),
.hexagon:nth-child(17),
.hexagon:nth-child(22),
.hexagon:nth-child(27){
margin: 0 0px -0px 0px;
}
.hexagon {
padding: 48%;
transform: rotate(30deg) skewY(30deg) scaleX(.866);
 /* .866 = sqrt(3)/2 */
}
.hexagon:before,
 .content:after,
.content:before {
/* 86.6% = (sqrt(3)/2)*100% = .866*100% */
top: 6.7%;
  bottom: 6.7%;
  /* 6.7% = (100% -86.6%)/2 */
transform: scaleX(1.155) skewY(-30deg) rotate(-30deg);
 /* 1.155 = 2/sqrt(3) */
padding:;
background-color: rgba(117,
192,
136,
0);
background-size: cover;
content: '';
}
div.hexagon:before {
background-color: rgba(117,
192,
136,
1);
}
div.hexagon:before {
background-color: rgba(117,
192,
136,
1);
}
.content:hover:after,
.content:hover:before{
transition: 0s all;
background-color: rgba(117,
192,
136,
0.85);
}
.content:after {
 content: attr(data-content) '\a' attr(data-content2);
white-space: pre;
 }
.content:after:first-line {
  color:red !important;
 }
.content:before {
 content: '';
line-height: 100px;
}
.content:hover:before {
 content: ' ';
z-index:0;
}

a.hexagon:hover:before {
opacity:0.8}
.hexagon:hover:before {}
.ribbon:after {
top: 6%;
line-height: 1.4;
padding: 85px 0px 0 0;
}
.ribbon:hover:after {}
/*---- Details page -----------*/
.moduleDetailWrapperMeetTheTeam {}
.moduleItemMeetTheTeam {}
.moduleItemMeetTheTeam h1.title{}
.moduleItemMeetTheTeam span{}
.moduleItemMeetTheTeam #moduleItemContent{
width: 96%;
padding: 0 4% 0 0;
}
.moduleItemMeetTheTeam .galleryModuleItem{
width: 100%;
margin: 15px 0px 0px 0px;
}
.moduleItemMeetTheTeam .galleryModuleItem .image {}
.moduleItemMeetTheTeam .galleryModuleItem .image a{}
.moduleItemMeetTheTeam .galleryModuleItem .image a img{
width: 90%;
height: auto;
}
.moduleItemMeetTheTeam .extraFields {
width: 100%;
padding: 0 0 0 0%;
font-size: 85%;
border: none;
}
.moduleItemMeetTheTeam .extraFields p#extraField5{}
.moduleItemMeetTheTeam .extraFields p#extraField6{}
.moduleItemMeetTheTeam .extraFields p#extraField6 span{}
.moduleItemMeetTheTeam #moduleItemBack{
margin: 30px 0px 0px 0px;
}
.moduleItemMeetTheTeam #moduleItemBack a{}
/*----------------------------------------------------------------*/
.southernCrossCallout{
width: 65%;
margin: 35px 5% 0 0;
}
.southernCrossCallout p{
line-height: 1.5;
font-size: 82%;
}
/*----------------------------------------------------------------*/
#pageEmailSource,
#emailForm{
min-width: 0;
margin: 0;
}
.contact-us #pageEmailSource,
.contact-us #emailForm{
width: 100%;
height : auto;
min-width: 0;
padding:0;

margin: 0px 0 0px 0 !important;
border: none;
}
.contact-us #pageEmailSource{
width: 100%;
min-height: 0;
padding: 0 0 0 0%;
}
.contact-us #pageEmailSource img {
margin: -9px 0 0 0px;
width: 100% !important;
height: auto !important;
}
.formHeaderText p{
font-size: 100%;
line-height : 1.3;
}
.contact-us #emailForm {
width: 100%;
margin: 0px 0% 0 0;
}
 .contact #pageEmailSource table{}
#emailForm h2,
 #subscribeForm h2,
 #surveyTable h2,
 #alertForm h2,
 #registrationForm h2{
color: #aaa;
border-bottom: 1px solid #f8f8f8;
}
#emailForm,
 #subscribeForm,
 #surveyTable,
 #alertForm,
 #registrationForm {
background: none repeat scroll 0 0 #fff;
border: medium none;
padding: ;
min-width: 0;
}
#blank #emailForm {
background: transparent;
min-width: 99%;
max-width: 99%;
}
#emailForm #formTable {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: #f9f9f9;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width: 0;
margin: 50px 0px 0px;
}
#blank .formHeaderText{
padding: 0 6px;
}
#blank #emailForm #formTable {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: transparent;
border-image: none;
border-radius: 3px;
border-style: solid;
border-width:0px;
}
.formHeaderText {
padding: 0 0 0;
}
#emailForm #formTable tr {
background: none repeat scroll 0 0 transparent;
}
#emailForm td {
border-bottom: medium none;
padding: 10px 0;
vertical-align: top;
}
#emailForm table,
 #subscribeForm table,
 #surveyTable table,
 #alertForm table,
 #registrationForm table {
border: medium none;
}
#emailForm table td,
 #subscribeForm table tr.even td,
 #surveyTable table tr.even td,
 #alertForm table tr.even td,
 #registrationForm table tr.even td {}
#emailForm table td,
 #subscribeForm table tr.odd td,
 #surveyTable table tr.odd td,
 #alertForm table tr.odd td,
 #registrationForm table tr.odd td {}
#emailForm {}
#emailForm td.labelHorizontal,
 #subscribeForm td.labelHorizontal,
 #surveyTable td.labelHorizontal,
 #alertForm td.labelHorizontal,
 #registrationForm td.labelHorizontal {
padding: 0 5% 0 0;
width: 25%;
line-height: 30px;
}
#emailForm td.valueHorizontal,
 #subscribeForm td.valueHorizontal,
 #surveyTable td.valueHorizontal,
 #alertForm td.valueHorizontal,

 #registrationForm td.valueHorizontal {
vertical-align: middle;
width: 70%;
}

#emailForm td.labelVertical,
 #subscribeForm td.labelVertical,
 #surveyTable td.labelVertical,
 #alertForm td.labelVertical,
 #registrationForm td.labelVertical {
font-size: 14px;
padding-top: 4px;
}
#emailForm td.valueHorizontal .fgroup,
 #subscribeForm td.valueHorizontal .fgroup,
 #surveyTable td.valueHorizontal .fgroup,
 #alertForm td.valueHorizontal .fgroup,
 #registrationForm td.valueHorizontal .fgroup {
font-size: 16px;
margin: 15px 0 15px 0;
line-height: 20px;
}
span.fieldNumber {
margin: 0 10px 0 0;
}
span.required {
color: #666;
}
table.ftable td {
padding: 4px;
vertical-align: top;
}
table.ftable td.flabel {
padding-right: 10px;
}
table.ftable td.fvalue {}
table.ftable td.fcolumn {}
input.ftxt,
 input.fmtxt,
 input.fstxt,
 input.fdate,
 textarea.fmtxt {
background: none repeat scroll 0 0 #fff;
border: 1px solid #e5ecf2;
font-family: arial,
helvetica,
sans-serif;
font-size: 14px;
margin: 3px 0;
padding: 2.5% 3%;
width: 94%;
}
input.ftxt:hover,
 input.ftxt:focus,
 input.fmtxt:hover,
 input.fmtxt:focus,
 input.fstxt:hover,
 input.fstxt:focus,
 input.fdate:hover,
 input.fdate:focus,
 textarea.fmtxt:hover,
 textarea.fmtxt:focus {
border: 1px solid #efefef;
}
input.fdate {
width: 150px;
}
input.fstxt {
width: 50px;
}

select.fsel,
 select.fseldate {
border: 1px solid #d3d3d2;
font-size: 12px;
margin: 0 10px 0 0;
padding: 3%;
}
select.fseldate {}
select.fseldate:hover,
 select.fseldate:focus,
 select.fseldate:hover,
 select.fseldate:focus {}
#formTable div {}
#formTable div.buttonPanel,
 #formTable div.logInBox {}
#formTable div.logInBox {
font-size: 13px;
}
.buttonBar,
 .buttonPanel {
padding: 15px 0 0;
}
.buttonBar input,
.buttonBar input.fsub,
.buttonPanel input.fsub,
input.fsub {
line-height: 30px;
margin: 20px 0 0 10px;
padding: 4px 45px;
font-size: 16px;
}
input:hover,
 input.fsub:hover,
 input.fsub:hover,
 input.fsub:hover {}
.buttonBar input:before,
.buttonBar input.fsub:before,
.buttonPanel input.fsub:before,
input.fsub:before{
margin: 5px 10px 5px 5px;
content: " + ";
width: 20px;
height: 20px;
border-radius: 10px;
line-height: 20px;
}
.contact-us input.fsub{
margin: -55px 0px 5px 5px;
}
/*----------------------------------------------------------------*/
.moduleComponentContainerservicesBanner,
.moduleComponentservicesBanner {
width: 320px !important;
height: 300px !important;
margin: 0px 0px 0px -10px;
}
.moduleComponentservicesBanner .bannerHtmlContent {
top:30px;
right: 0px;
width: 240px;
padding: 20px 30px;
background : rgba(255,255,255,0.92);
}
.moduleComponentservicesBanner .bannerHtmlContent p {}
.moduleComponentservicesBanner .bannerHtmlContent p span{}
.moduleComponentservicesBanner.moduleComponent51{}
.moduleComponentservicesBanner.moduleComponent52{}
.moduleComponentservicesBanner.moduleComponent53{}
.moduleComponentservicesBanner.moduleComponent54{}
/*----------------------------------------------------------------*/
.our-services #pageEditorContent {}
/*----------------------------------------------------------*/
.our-services .moduleComponentContainertileCallouts{
width: 320px;
margin: 0px 0px 20px -11px;
}
.our-services .moduleComponenttileCallouts ,
.our-services .moduleComponenttileCallouts:nth-child(3){
width: 100%;
height: 210px !important;
margin: 0 0% 10px 0;
background-color: #eaf8f9;
background-size: 120% auto;
background-repeat: no-repeat;
background-position: top center;
}
.our-services .moduleComponenttileCallouts:nth-child(4){
width: 100%;
}
.our-services .moduleComponenttileCallouts h2.bannerTitle{
margin: 0;
}
.our-services .moduleComponenttileCallouts:hover h2.bannerTitle{}
.our-services .moduleComponenttileCallouts h2.bannerTitle a{}
.our-services .moduleComponenttileCallouts .bannerHtmlContent,
.our-services .moduleComponenttileCallouts:hover .bannerHtmlContent {
border: none !important;
width: 90%;
padding:15px 5%;
height: 200px !important;
}
.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h1,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h2,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h3,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h4,
.our-services .moduleComponenttileCallouts .bannerHtmlContent h5{
font-size: 32px;
line-height:1.0;
}
.our-services .moduleComponenttileCallouts .bannerHtmlContent h2.bannerTitle{
margin: 0px 0px 15px 0px;
}
.our-services .moduleComponenttileCallouts h2.bannerTitle a{
font-size: 24px;
}
.our-services .moduleComponenttileCallouts:hover h2.bannerTitle a{}
.our-services .moduleComponenttileCallouts h2.bannerLink{}
.our-services .moduleComponenttileCallouts p{
font-size: 12px;
}
.our-services .moduleComponenttileCallouts a.bannerLinkMask{}
.our-services .moduleComponenttileCallouts a.bannerLinkMask:after{
top:320px;
left:20px;
font-size: 13px;
padding: 8px 10px;
}
/*----------------------------------------------------------------*/
.moduleListingWrapperServices {}
/*----------------------------------------------------------------*/
#pageEditorContent #tagCloud {
display: none;
}
#pageEditorContent .moduleDetailWrapperServices #tagCloud {
margin: 70px 0px 0px 0px;
}
#pageEditorContent #tagCloud  ul {}
#pageEditorContent #tagCloud  ul li {
margin: 4px 0px;
line-height: 16px;
}
#pageEditorContent #tagCloud  ul li:before{}
#pageEditorContent #tagCloud  ul li a{}
#pageEditorContent #tagCloud ul li ul li {
margin: 10px 0px;
line-height: 16px;
}
#pageEditorContent #tagCloud  ul li:before{}
#pageEditorContent #tagCloud  ul li ul li a{
font-size: 13px;
line-height: 16px;
}
#pageEditorContent #tagCloud  ul li a:hover{}
/*---------------------*/
.treatmentHeadingModuleItemServices {
display: none;
}
.treatmentHeadingModuleItemServices .treatmentAnchors {
display: none;
}
.treatmentHeadingModuleItemServices p.headingTag {
width: 20%;
line-height: 44px;
text-indent: 10px;
}
.treatmentHeadingModuleItemServices .field {
padding: 0 0 0 2%;
margin: 0 0 0 2%;
height: 44px;
font-size: 10px;
}
.extraField h3.subNavigationTitle{
font-size: 18px;
padding: 0px 0px 0px 10px;
margin: 20px 0px 20px -10px;
}
.treatmentHeadingModuleItemServices #extraField7{
width: 9.2%;
}
.treatmentHeadingModuleItemServices #extraField7 a:before{
top: 5%;
}
.treatmentHeadingModuleItemServices #extraField8{
width: 7.2%;
}
.treatmentHeadingModuleItemServices #extraField9{
width: 9.8%;
}
.treatmentHeadingModuleItemServices #extraField10{
width: 8.0%;
}
.treatmentHeadingModuleItemServices #extraField11{
width: 6.5%;
}
.treatmentHeadingModuleItemServices #extraField12{
width: 5.2%;
}
.treatmentHeadingModuleItemServices #extraField13{
width: 5.2%;
}
.treatmentHeadingModuleItemServices .field a{
line-height: 16px;
font-size: 10px;
}
.treatmentHeadingModuleItemServices .field a:before{
top: 35%;
left: -20px;
width: 6px;
height: 13px;
background: url(http://urobop.co.nz/images/style/urology_bop_icon_sprite.png) -10px -235px;
}
/*---------------------*/
#moduleItemsListing.moduleItemsListingServices,
.moduleItemServices{
width: 90%;
padding: 10px 5%;
 }
#pageEditorContent .moduleDetailWrapperServices .moduleItemServices{
margin: 15px 0px 0px 0px;
}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem {}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header {}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .title{}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent {}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore {}
#moduleItemsListing.moduleItemsListingServices .moduleItemsListingItem .header .moduleItemContent .readMore a{}


/*-----------------------------------------*/
img {
max-width: 100%;
height: auto !important;
}
table{
width: auto !important;
max-width: 320px;
padding: 0 !important;
}
td,
th{
float: left;
display: block;
width: 100% !important;
padding: 0 !important;
		}
iframe {
max-width: 100%;
}
#navigation {
border-bottom: 0 none;
}
#header a#pull {
position: absolute;
top: 13px;
right: 10px;
		display: inline-block;
width: 45px;
height: 45px;
background: #efefef;
border-radius: 100%;
padding: 0;
}
#header a#pull:after {
content:"";
background: url(http://www.apata.co.nz/images/style/nav-icon.png) center no-repeat;
background-size: 47% auto;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
}
#header #navigation {
border-bottom: 0;
margin: 0 !important;
}
#header #navigation ul {
display: none;
height: auto;
padding: 0;
margin: 0px 0px 0px 0px;
width: 320px;
position: absolute;
z-index: 100;
top : 19px;
 left: -11px;
}
#navigation ul li:last-child a{
margin: 0 !important;
padding: 10px 0 !important;
  border: none;
}
#header #navigation li {
display: block;
float: none;
width: 100% !important;
height: auto;
line-height: auto;
border-bottom: none;
padding: 0 0 0px;
}
#header #navigation ul li ul {
display: none !important;
}
#header #navigation ul li ul li {
margin: 0;
padding: 0;
width: 100%;

border: none;
border-bottom: 1px solid #efefef;
background: #666;
text-align: center;
}
#header #navigation ul li ul li a:hover, #header #navigation ul li ul li a.menuSelected{
color: #fff !important;
background: #e72f29;
}
#header #navigation li a {
color: #fff !important;
display: block;
font-size: 18px !important;
line-height: auto;


text-decoration: none;
text-indent: 0px;
background: none repeat scroll 0 0 #00457c;
text-shadow: none;
font-weight: normal !important;
margin: 0;
padding: 10px 0;
  border-bottom: 1px solid #efefef;
}
#header #navigation li a:hover {
background: #666 !important;
color: #fff !important;
}



/*******************Home Promo Callout*******************/

.moduleComponentContainerpromotionCallout
{
float: left;
position: relative;
width: 300px;
margin: 25px 0px 10px 0px;
padding:0px;
}

.moduleComponentContainerpromotionCallout .bannerHtmlContent
{
float: left;
position: relative;
background:#97cb5b;
width:100%;
height:247px;
box-sizing:border-box;
padding:0px 20px 0px 20px;
}

.moduleComponentContainerpromotionCallout .bannerImageContainer
{
display:none;
}

.moduleComponentContainerpromotionCallout h2.bannerTitle
{
font-weight:400;
color:#FFF;
padding:0px 0px;
margin:10px 0px 0px 0px;
line-height:1.3;
}


}