/*
Theme Name: Guy's and St.Thomas'
*/

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

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

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

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

/* Reset */

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%; vertical-align: baseline; }
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 { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
article, aside, details, figcaption,figure, footer, header, hgroup, nav, section { display: block; }
section { clear: both; overflow: auto; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; padding: 0; color: #ccc; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

html, body { height: 100%; }
body { font-family: Karla; color: #3a3a3a; font-size: 0.82em; background-color: #faf9f5; }
#page { background-color: #fff; max-width: 1180px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); min-height: 100%; height: auto !important; height: 100%; position: relative;
	padding-bottom: 55px; margin-bottom: -55px; }
#footerWrap { position: absolute; bottom: 0; left: 0; width: 100%; }


/* General */
a { outline: 0; color: #0b79b1; }

h2, h3 { font-size: 160%; margin-bottom: 15px; color: #773F76; line-height: 130%; }
h2 strong, h3 strong { font-weight: normal; font-family: KarlaBold; }
h2 { color: #006DB7; font-family: KarlaBold; }

p { line-height: 150%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.wrapper { clear: both; position: relative; }
.wrapper:after { content: ' '; width: 0; height: 0; clear: both; display: block; }
.pageWidth { margin: 0 auto; width: 960px; position: relative; }

.button { padding: 5px 10px; font-size: 110%; background-color: #006db7; margin: 0; font-family: KarlaBold; color: #fff; text-decoration: none;
	border-radius: 5px; border-width: 0; }

header { height: 100px; position: relative; }
header h1, header h1 a { width: 244px; height: 49px; display: block; }
header h1 { position: absolute; top: 25px; left: 10px; }
header h1 a {text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(images/mainLogo.png) no-repeat 0 0; }

header form { background-color: #d9d9d9; float: right; border: 1px solid #d9d9d9; width: 250px; height: 29px; position: absolute; top: 15px; right: 10px; }
header form input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
header form input[type=text] { font-family: Karla; font-size: 100%; color: #3a3a3a; width: 190px; height: 27px; margin: 0; padding: 0 10px; line-height: 27px;
	background-color: #f3f3f3; float: left; border: 1px solid #fff; }
header form input[type=submit] { display: block; width: 35px; height: 27px; float: right; cursor: pointer; margin: 0; padding: 0;
	text-indent: 100%; white-space: nowrap; overflow: hidden; background: #d9d9d9 url(images/icon-search.png) no-repeat center; border: 1px solid #fff;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
header form input[type=submit]:hover { background-color: #c9c9c9; }

nav { line-height: 26px; vertical-align: middle; height: 26px; font-size: 110%; position: absolute; right: 0; bottom: 15px; }
nav li { display: inline-block; position: relative; }
nav a { color: #616161; text-decoration: none; line-height: 26px; vertical-align: middle; display: block; float: left; margin: 0 10px 0 38px; padding: 0 2px;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-bottom: 2px solid transparent; }
nav a:hover, nav a.on { color: #006db7; border-bottom: 2px solid #006db7; }
nav a:focus { color: #006db7; border-bottom: 2px solid #ccc; }

nav .subNav { position: absolute; top: 26px; left: 38px; background-color: #016DB6; z-index: 100; padding: 3px 0; display: none; opacity: 0;
	-webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
nav .subNav a { display: block; padding: 5px 10px; margin: 0; color: #fff; line-height: 100%; white-space: nowrap;}
nav .subNav a:before { content: '\003E'; padding-right: 5px; }

nav li:hover .subNav { display: block; opacity: 1; }

#masthead { width: 100%; height: 320px; overflow: hidden; }
#bannerWrapper { width: 1180px; height: 320px; position: absolute; top: 0; left: 50%; margin-left: -590px; overflow: hidden; position: relative; }
#bannerRotate, #bannerRotate li { width: 1180px; height: 320px; overflow: hidden; }
#bannerRotate { position: absolute; top: 0; left: 0; }
#bannerRotate li { float: left; color: #fff; position: relative; }
#bannerRotate li img { position: absolute; top: 0; left: 0;  }
#bannerRotate li .caption { position: absolute; top: 80px; left: 115px; padding: 20px 30px; background-color: #006db7; background-color: rgba(0,109,183,0.85); }
#bannerRotate li .caption h3 { font-size: 200%; font-family: Karla; line-height: 110%; margin-bottom: 20px; color: #fff; }
#bannerRotate li .caption h3 strong, #bannerRotate li .caption h3 b { font-family: KarlaBold; font-weight: normal; }
#bannerRotate li .more { margin-top: 15px; color: #fff; text-decoration: none; font-size: 110%; }
#bannerRotate li .caption a {text-decoration: none;}

.more:after { display: inline-block; text-align: center; width: 16px; height: 16px; line-height: 16px; content: '\003E'; background-color: #fff;
	border-radius: 8px; color: #006db7; margin-left: 7px; font-size: 14px; font-family: Karla; }

#bannerWrapper .bannerDotNav { position: absolute; bottom: 20px; left: 50%; }
#bannerWrapper .bannerDotNav ul { position: relative; left: -50%; }
#bannerWrapper .bannerDotNav li { width: 12px; height: 12px; border-radius: 10px; background-color: #fff; display: inline-block; border: 2px solid #fff; margin: 0 2px;
	pointer: cursor; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#bannerWrapper .bannerDotNav li:hover, #bannerWrapper .bannerDotNav li.on { background-color: #006db7; }

#masthead #servicesAtoZ { background-color: #0880a2; padding: 25px 15px; border-radius: 15px; position: absolute; top: 45px; bottom: 45px; right: 20px; width: 260px; color: #fff; }
#masthead #servicesAtoZ h3 { font-size: 150%; text-transform: uppercase; font-family: KarlaBold; margin: 0 5px; }
#masthead #servicesAtoZ #serviceList { margin-top: 15px; width: 230px; height: 255px; overflow: hidden; float: left; position: relative; }
#masthead #servicesAtoZ #serviceList ul { position: absolute; top: 0; left: 0; width: 100%; }
#masthead #servicesAtoZ #serviceList a { border-bottom: 1px solid #fff; color: #fff; text-decoration: none; font-size: 110%; line-height: 220%; display: block; padding: 0 10px; }
#masthead #servicesAtoZ #serviceList a:hover { background-color: #fff; background-color: rgba(255,255,255,0.2); }
#masthead #servicesAtoZ #serviceList a:before { content: ' '; width: 0; height: 0; border-width: 4px; border-style: solid; border-color: transparent;
	border-left-color: #fff; display: inline-block; margin-right: 6px; }
#masthead #servicesAtoZ #serviceList li:last-child a { border-bottom-width: 0; }
.slider { width: 8px; height: 165px; position: absolute; right: 20px; top: 110px; border-radius: 4px; }
.slider .ui-slider-handle { width: 8px; border-radius: 4px; height: 40px; margin-bottom: -20px; display: block; background-color: #fff; position: absolute; outline: none; }
#masthead #servicesAtoZ .up, #masthead #servicesAtoZ .down { width: 19px; height: 9px; background: url(images/arrers.png); display: block; position: absolute; right: 13px; cursor: pointer; }
#masthead #servicesAtoZ .up { top: 70px; background-position: -30px 0; }
#masthead #servicesAtoZ .down { top: 305px; background-position: -30px -10px; }

#breadcrumbs { padding: 10px; width: 940px; }
.ancestors a { text-decoration: none; color: #999; }
.ancestors a:after { content: '\003E'; color: #763f76; margin-left: 5px; }

#leftNav { float: left; width: 230px; }
#leftNav .leftNavHead a { background-color: #016db6; color: #fff; text-decoration: none; padding: 13px 10px 13px 25px; display: block; }
#leftNav li { background-color: #f8f8f8; }
#leftNav li a { padding: 13px 10px 13px 25px; display: block; font-size: 95%; border-top: 1px solid #ddd; color: #4A4A4A;
	text-decoration: none; position: relative; }
#leftNav li:first-child a { border-top-width: 0; }
#leftNav li a:before { content: '\002B'; position: absolute; top: 10px; left: 10px; color: #016db6; font-family: KarlaBold; font-size: 120%; }
#leftNav>ul>li.on>a:before { content: '\2013'; }
#leftNav li a:hover, #leftNav li.on > a { color: #0b79b1; }
#leftNav li a:focus { background-color: #ddd; }
#leftNav li li a { padding: 5px 5px 5px 38px; font-size: 95%; border-width: 0; }
#leftNav li li a:before { content: '\003E'; font-size: 100%; font-family: Karla; left: 26px; top: 5px; color: #000; }
#leftNav li li.on a, #leftNav li li:hover a { color: #773f76; }
#leftNav li li.on a:before, #leftNav li li:hover a:before { color: #773f76; }
#leftNav ul ul { padding-bottom: 10px; }

#leftNav #contactPod { margin-top: 70px; }
#leftNav #contactPod p { margin: 0; padding: 0; }
#leftNav #contactPod p:first-child { font-family: KarlaBold; }
#leftNav #contactPod p:nth-child(2) { font-style: italic; }
#leftNav #contactPod p.phoneNum { border: 2px solid #773F76; border-width: 2px 0; color: #773F76; font-family: KarlaBold; font-size: 170%; margin: 5px 0 10px; }
#leftNav #contactPod p.phoneNum:before { content: ' '; background: url(images/icon_phone.png) no-repeat 0 0; width: 20px; height: 20px; float: left; margin: 8px 10px 0 10px; }
#leftNav #contactPod a { color: #3A3A3A; text-decoration: none; display: none; visibility: hidden;}
#leftNav #contactPod a:before { content: ' '; width: 0; height: 0; float: left; border: 5px solid transparent; border-color: #fff; border-color: rgba(255,255,255,0); margin-top: 1px;
	border-left-color: #773F76; border-width: 5px 8px; }
#leftNav #contactPod a:hover { text-decoration: underline; }

.centreCol { float: left; width: 470px; margin-left: 20px; }
.centreCol a { text-decoration:none; }
.centreCol a { text-decoration: none; }
.centreCol a:focus { text-decoration: underline; }
.centreCol.wide { width: 710px; }
.centreCol .wp-post-image { margin-bottom: 20px; }

#content.twoCol .colGroup { float: left; width: 710px; margin-left: 20px; }
#content.twoCol .colGroup .centreCol { margin-left: 0; }
#content.twoCol .colGroup .attachment-header_two_col { margin-bottom: 20px; }

#content .contentFooter { clear: both; margin: 40px auto; }

/* Right Sidebar */

#sidebarRight { float: right; width: 220px; }
#sidebarRight .sideAd { display: block; padding: 15px; background-color: #f8f8f8; background-repeat: no-repeat; margin-bottom: 20px; position: relative; min-height: 160px;
	background-position: right bottom; }
#sidebarRight .sideAd h3 { font-size: 110%; margin: 5px 0; font-family: KarlaBold; padding-right: 70px; }
#sidebarRight .sideAd p { font-size: 90%; line-height: 120%; padding-right: 75px; margin-bottom: 30px; }
#sidebarRight .sideAd a { text-decoration: none; }
#sidebarRight .sideAd a:focus { text-decoration: underline; }
#sidebarRight .sideAd .button { position: absolute; left: 15px; bottom: 15px; padding: 5px 10px; font-size: 90%; }
#sidebarRight .sideAd.video { background-position : center; background-size: cover; }
#sidebarRight .sideAd.video:before { content: '\003E'; width: 70px; height: 70px; background-color: #fff; background-color: rgba(255,255,255,0.5); border-radius: 35px;
	position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; text-align: center; display: block; line-height: 70px; vertical-align: middle;
	font-size: 50px; font-family: KarlaBold; color: #773F76;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#sidebarRight .sideAd.video:hover:before { background-color: #fff; background-color: rgba(255,255,255,0.7); }
	
#sidebarRight .quote { background: url(images/quoteMark.png) no-repeat 0 0; font-family: KarlaBoldItalic; color: #0b79b1; font-size: 150%; line-height: 110%;
	padding-top: 40px; margin-top: 20px; }

#content { margin: 40px auto; font-size: 110%; overflow: auto; padding-bottom: 5px; }
#breadcrumbs+#main #content { margin-top: 20px; }

#content .homeBlock { float: left; }
#content b, #content strong { font-weight: normal; font-family: KarlaBold; }

#content.home .homeBlock { width: 370px; margin-right: 40px; }
#content.home .homeBlock:first-child p { font-size: 110%; }
#content.home .homeBlock.biglinks { width: 140px; margin-right: 0; }

#content .column { float: left; }
#content .column.half { width: 335px; padding-left: 40px; }
#content .column:first-child { padding-left: 0; }

.biglinks a { display: block; background-color: #006db7; padding: 20px 50px 30px 15px; margin-bottom: 10px; position: relative; color: #fff; text-decoration: none;
	font-size: 140%; font-family: KarlaBold; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.biglinks a:after { position: absolute; bottom: 10px; right: 10px; }
.biglinks a:before { content: ' '; display: block; background-color: #fff; width: 30px; height: 6px; margin-bottom: 10px; }
.biglinks a.service { background-color: #773f76; }
.biglinks a:hover { opacity: 0.8; }

#content h4 { color: #773F76; font-size: 120%; margin-bottom: 15px; }
#content h4.block { background-color: #006db7; color: #fff; padding: 8px 15px; margin-bottom: 0; display: inline-block; }
#content p { margin-bottom: 15px; }
#DISABLEcontent.default .centreCol p:first-of-type { font-family: KarlaBold; }
#content .button { font-size: 80%; padding: 7px 15px; }
#content:after { content: ' '; width: 0; height: 0; clear: both; display: block; }

#content .centreCol ul, #content .centreCol ol { margin: 10px 0 10px 20px; line-height: 150% }
#content .centreCol ul li { list-style-type: disc; }
#content .centreCol ol li { list-style-type: numeric; }
#content.default .centreCol img {max-width: 470px; }
#content.default .centreCol img.aligncenter { display: block; margin: 0 auto; }
#content .centreCol table { border-collapse: collapse; line-height: 150%; margin: 20px 0; }
#content .centreCol table td { border: 1px solid #dddddd; padding: 3px 5px; }
#content .centreCol table tr:first-child td { background-color: #F8F8F8; }

#leadingHealthcare { margin: 40px auto; }
#leadingHealthcare .leadImage { width: 360px; height: 360px; float: left; position: relative; }
#leadingHealthcare .leadImage img { width: 360px; height: 360px; }

#leadingHealthcare .subImages { float: left; width: 600px; }
#leadingHealthcare .subImages .thumb { width: 200px; height: 200px; position: relative; float: left; }
#leadingHealthcare .subImages .thumb:first-child { display: none; }
#leadingHealthcare .subImages .thumb img { position: absolute; top: 0; left: 0; opacity: 0.5; width: 200px; height: 200px;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#leadingHealthcare .subImages .thumb:hover img { opacity: 1; }
#leadingHealthcare .subImages .thumb h4 { position: absolute; bottom: 0; left: 0; width: 160px; padding: 10px 10px 10px 30px; color: #3A3A3A;
	background-color: #fff; background-color: rgba(255,255,255,0.7); font-family: KarlaBold; font-size: 90%; }
#leadingHealthcare .subImages .thumb h4:before { content: '\002B'; color: #006DB7; font-size: 280%; position: absolute; top: -3px; left: 7px; }
#leadingHealthcare .subImages .description { display: none; }
#leadingHealthcare .highlighted { padding: 20px; float: left; width: 560px; }
#leadingHealthcare .highlighted .description { line-height: 150%; margin-bottom: 15px; }
#leadingHealthcare .highlighted .button { float: right; }

#leadingHealthcare .panel { width: 240px; height: 240px; float: left; position: relative; overflow: hidden; cursor: pointer; }
#leadingHealthcare img { width: 238px; height: 238px; margin: 2px; position: absolute; top: 0; left: 0; }
#leadingHealthcare .overlay { position: absolute; top: 0; left: 0; width: 210px; margin: 2px; }
#leadingHealthcare h3 { font-size: 125%; font-family: Karla; background-color: #006DB7; color: #fff; margin-bottom: 0; padding: 5px 10px; width: 218px; }
#leadingHealthcare .description { color: #000; font-size: 100%; line-height: 140%; padding: 10px; height: 200px; opacity: 0; background-color: #fff;
	background-color: rgba(255,255,255,1); width: 218px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#leadingHealthcare .panel:hover .description { opacity: 1; }
#leadingHealthcare .description .button { padding: 2px 7px; font-size: 90%; margin-top: 5px; display: block; float: left; }

h3.sideRibbon { background-color: #006db7; position: absolute; top: 0; left: -10px; padding: 5px 15px; font-family: KarlaBold; color: #fff; }
h3.sideRibbon:before { content: ' '; display: block; width: 0; height: 0; border: 5px solid #003662;
	position: absolute; top: 100%; left: 0; border-left-color: transparent; border-bottom-color: transparent; }

/* Services Page */

#servicesHead { font-size: 110%; margin-top: 40px; overflow: auto; }
#servicesHead h2 { width: 375px; float: left; }
#servicesHead .subtitle { padding: 10px 0 0 400px; }
#serviceThumbs { margin: 20px auto; }
#serviceThumbs .serviceThumb { float: left; width: 236px; height: 236px; overflow: hidden; margin: 2px; position: relative; cursor: pointer; }
#serviceThumbs img { width: 236px; height: 236px; position: absolute; top: 0; left: 0; opacity: 0.5;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#serviceThumbs .serviceThumb:hover img { opacity: 1; }
#serviceThumbs h4 { position: absolute; bottom: 0; left: 0; width: 191px; padding: 10px 10px 10px 35px; color: #3A3A3A;
	background-color: #fff; background-color: rgba(255,255,255,0.7); font-family: KarlaBold; font-size: 90%; }
#serviceThumbs h4:before { content: '\002B'; color: #006DB7; font-size: 280%; position: absolute; top: -3px; left: 7px; }
#serviceThumbs a { text-decoration: none; }
#serviceThumbs .serviceThumb.on img { opacity: 1; }
#serviceThumbs .serviceThumb.on h4 { display: none; }
#leadingHealthcare .subImages .description { display: none; }
.serviceDetail { overflow: auto; }
.serviceDetail h3 { margin-left: 20px; }
.serviceDetail .col { width: 440px; margin: 20px; float: left; }
	
/* Service Landing Page */

.centreCol.wide #bannerWrapper { height: 275px; width: 710px; position: relative; top: 0; left: 0; margin: 0 0 30px 0; }
.centreCol.wide #bannerWrapper>ul, .centreCol.wide #bannerWrapper>ul li { margin: 0; padding: 0; list-style-type: none; }
.centreCol.wide #bannerWrapper>ul li, .centreCol.wide #bannerWrapper>ul li img { width: 710px; height: 275px; }
.centreCol.wide #bannerWrapper>ul li .caption { left: 0; top: 30px; }
.centreCol.wide #bannerWrapper .bannerDotNav { bottom: 10px; }
.centreCol.wide #bannerWrapper .bannerDotNav ul { margin: 0; }

.linksGrid { overflow: auto; margin: 20px 0; }
.linksGrid .linkBox { width: 310px; height: 140px; padding: 10px 20px; float: left; }
.linksGrid .linkBox img { background-color: #FAF9F5; width: 120px; height: 120px; float: left; }
.linksGrid .linkBox h4, .linksGrid .linkBox p { padding-left: 140px; }
.linksGrid .linkBox { border: 1px solid #DDDDDD; border-bottom-width: 0; border-right-width: 0; }
.linksGrid .linkBox:first-child, .linksGrid .linkBox:first-child+.linkBox { border-top-width: 0; }
.linksGrid .linkBox:nth-child(odd) { border-left: 0; }
#content .linksGrid .linkBox h4 { margin: 10px 0 5px; }
#content .linksGrid .linkBox p { font-family: Karla; line-height: 120%; }
#content .linksGrid .linkBox .button { font-size: 100%; padding: 3px 8px; }

/* Testimonials */

.testimonial.single { margin: 40px auto; padding: 5px 10px 5px 50px; background: url(images/quoteMark.png) no-repeat 0 0; }
.testimonial.single p { font-size: 150%; color: #0b79b1; font-family: KarlaItalic; line-height: 100%; }
.testimonial .details { font-family: KarlaBold; }

.testimonials .testimonial { margin: 0 0 20px 35px; position: relative; }
.testimonials .testimonial:before { content: '\2022'; position: absolute; left: -20px; top: 0; color: #0b79b1; font-size: 200%; }
#content .testimonials .testimonial p.theTestimonial { margin-bottom: 5px; }
.testimonials .testimonial .details { color: #0b79b1; }

/* Glossary */

#glossaryNav { overflow: auto; margin: 10px 0; }
#glossaryNav a { float: left; width: 30px; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; display: block; margin: 2px 1px;
	font-family: KarlaBold; font-size: 150%; color: #006db7; text-decoration: none; }
#glossaryNav a:hover { color: #773f76; }
#glossaryNav a.on { color: #fff; background-color: #006db7; }
#glossaryNav a.disabled { color: #ccc; }
.glossaryItems .item { margin: 10px 0; line-height: 150%; }
.glossaryItems .title { font-family: KarlaBold; }

.videoEmbed { background-color: #ccc; }
.column.half .videoEmbed { width: 335px; height: 185px; overflow: hidden; }
.column.half .videoEmbed iframe { width: 335px; height: 185px; border-width: 0; }

/* Meet The Team */

.teamList, .faqList { border: 1px solid #0b79b1; border-radius: 10px; margin: 40px 0; }
.teamList .item, .faqList .faq { margin-top: 1px; }
.teamList .item:first-child, .faqList .faq:first-child { margin-top: 0; }
.teamList .item .title, .faqList .faq .question { background-color: #0b79b1; padding: 12px 25px; color: #fff; font-family: KarlaBold; font-size: 110%; position: relative; cursor: pointer; }
.teamList .item .title:before, .faqList .faq .question:before { content: ' '; width: 25px; height: 25px; border-radius: 5px; position: absolute; left: -10px; top: 7px;
	background: #773f76 url(images/arrers.png) no-repeat -60px -25px; }
.teamList .item .title.on:before, .faqList .faq .question.on:before { background-position: -60px 0; }
.teamList .item:first-child .title, .faqList .faq:first-child .question { border-radius: 8px 8px 0 0; }
.teamList .item:last-child .title, .faqList .faq:last-child .question { border-radius: 0 0 8px 8px; }
.teamList .item:last-child .title.on, .faqList .faq:last-child .question.on { border-radius: 0; }
.teamList .item .details, .faqList .faq .answer { padding: 10px 20px; }

#content .centreCol form ul, #content .centreCol form li { margin: 0; list-style-type: none;}
.column.half .miniBookingForm { border: 2px solid #006DB7; padding: 20px; min-height: 141px; line-height: 130%; }
.column.half .miniBookingForm input[type=submit] { position: absolute; bottom: 5px; right: 0; }
.gform_wrapper { margin-top: 10px; position: relative; }
.gform_wrapper label { display: none; }
#content form input[type=text], #content form textarea, #content form select { border: 1px solid #e9e9e9; width: 170px; padding: 3px 10px; font-family: Karla; margin: 8px 0; font-size: 100%; }
#content form textarea { height: 100px; }
#content form input[type=text].placeholder, #content form textarea.placeholder { font-family: KarlaItalic; color: #666; }
#content form input[type=submit] { border-width: 0; }
.gform_edit_link { display: none; }

/* FAQ List */
/*#content .faqList { margin-bottom: 40px; }
#content .faqList .faq { margin-bottom: 5px; }
.faqList .question { background-color: #016DB6; padding: 7px 50px 7px 15px; color: #fff; color: #fff; font-family: KarlaBold; font-size: 120%; line-height: 110%; cursor: pointer;
	position: relative; }
.faqList .question:after { content: ' '; width: 23px; height: 13px; background: url(images/arrers.png) -30px -35px; display: block; position: absolute; right: 13px; top: 10px; }
.faqList .question.on:after { background-position: -30px -20px; }
.faqList .answer { padding: 15px; }
.faqList h3 { margin: 30px 0; font-size: 125%; } %/

#content .simpleContact { margin-bottom: 40px; }
#content .simpleContact ul li { float: left; margin: 0 5px; }
#content .simpleContact input[type=text] { width: 200px; }
#content .simpleContact .gform_footer { clear: both; margin-left: 5px; }
#content .simpleContact textarea { width: 432px; }

/* Search Results */

#content .searchResult { line-height: 150%; margin-bottom: 30px; }
#content .searchResult h4 { margin-bottom: 0; }
#content .searchResult .ancestors { font-size: 90%; margin-bottom: 5px; line-height: 100%; }
#content .searchResult .ancestors a:last-child:after { content: none; }
#content .searchResult a { font-family: KarlaBoldItalic; text-decoration: none; }
#content .searchResult a:hover { text-decoration: underline; }

/* Contact Page */
.contact .column { width: 300px; margin-left: 30px; line-height: 150%; font-size: 105%; margin-bottom: 40px; }
.contact .column:first-child { margin-left: 0; }
.contact .column h2 { border-bottom: 1px solid #DDDDDD; padding-bottom: 10px; margin-bottom: 30px; }
.contact .column em, .contact .column a { font-style: normal; font-weight: normal; font-family: KarlaBold; color: #0b79b1; }
.contact form { margin: 20px 0; }
#content.contact form input[type=text], #content.contact form textarea { margin: 4px 0; width: 278px; }
.contact #gforms_confirmation_message { font-family: KarlaBoldItalic; margin-top: 40px; }

/* Pregnany Calc */

#content.pregnancyCalc form select { width: auto; padding-right: 3px; margin-right: 5px; }
#pregCalcResult { margin: 20px 0; }
#pregCalcResult h4 { font-family: KarlaBold; color: #016DB6; font-size: 115%; }

/* Site Map */

ul#siteMap { font-size: 110%; }
ul#siteMap a { text-decoration: none; }
#content ul#siteMap li { list-style-type: none; }
#content ul#siteMap ul li { list-style-type: disc; }
#content ul#siteMap ul ul li { list-style-type: circle; }
#content ul#siteMap ul ul li { list-style-type: circle; }
#content ul#siteMap ul ul ul li { list-style-type: square; }

#footerWrap { background-color: #006db7; }
#footerWrap footer { padding: 20px 0; overflow: auto; }
#footerWrap footer a { color: #fff; }
#footerWrap footer #footerLinks { float: left; }
#footerWrap footer #footerLinks a { color: #fff; border-left: 1px solid #fff; padding: 0 10px; text-decoration: none; }
#footerWrap footer a:hover { text-decoration: underline; }
#footerWrap footer #footerLinks a:first-child { border-left-width: 0; }
#footerWrap footer .footerTitle { float: right; text-decoration: none; font-family: KarlaBold; }

/* Guh! */

.ie7 header input[type=submit] { font-size: 0; color: #C9C9C9; }
.ie7 nav li { display: inline; zoom: 1; }
.ie7 #bannerRotate li .caption { background-color: #006db7; }
.topnav { z-index: 100; }
.ie7 nav li{ z-index: 10; }
.ie7 nav .subNav { z-index: 9999; }
.ie7 #bannerWrapper .bannerDotNav li { display: inline; zoom: 1; behavior: url(/wp-content/themes/gast/css/PIE.htc); }
.ie7 #leadingHealthcare .panel { text-decoration: none; }
.ie7 #leadingHealthcare .description, .ie8 #leadingHealthcare .description { display: none; }
.ie7 #leadingHealthcare .panel:hover .description, .ie8 #leadingHealthcare .panel:hover .description { background-color: #fff; display: block; }
.ie7 #cookiePolicyPopup { background-color: #000; }
.ie7 #cookiePolicyPopup #cookiePolicyCancel { position: absolute; top: 4px; right: 10px; }
.ie7 #serviceThumbs h4 { background-color: #fff; }


/* Updates for various forms! */

li.opt-in LABEL {display: block; float: right; padding-right: 90px; width: 170px; font-size: 0.8em; line-height: 1.2em; padding-top: 5px;}
li.opt-in LABEL.gfield_label {display: none; visibility:hidden;}

li.disclaimer INPUT {display: block; float: left; width: 15px !important; font-size: 0.8em; line-height: 1.2em;}
li.disclaimer LABEL {display: block; float: left; padding-right: 0px; width: 370px; font-size: 0.8em; line-height: 1.2em; padding-top: 5px;}
li.disclaimer LABEL.gfield_label {display: none; visibility:hidden;}
div.gform_footer {display: block; clear: both;}

#content form .full-width select {width: 300px; color: #666666;}
#content form .half-width select {width: 190px; color: #666666;}
#content form .double-width input {width: 420px; color: #666666;}
#content form .double-width textarea {width: 420px; color: #666666;}

#content form div.gfield_date_dropdown_month, #content form div.gfield_date_dropdown_day, #content form div.gfield_date_dropdown_year {float: left; width: 130px; margin-right: 10px;}
#content form div.gfield_date_dropdown_month SELECT, #content form div.gfield_date_dropdown_day SELECT, #content form div.gfield_date_dropdown_year SELECT {width: 130px;}

form.funding-form span {padding-bottom: 15px; display: block; float: left;}


/* Referral Form! */

form.infertility-referral-form INPUT {margin-right:12px !important;}

form.infertility-referral-form div.gf_progressbar_percentage {display: none; visibility:hidden;}

form.infertility-referral-form h3 {margin-bottom: 0px; font-size: 1.2em;}

form.infertility-referral-form h3.gform_title {display: none; visibility: hidden;}

h2.gsection_title {font-size: 1.0em; border-bottom: 1px dotted #aaaaaa; padding-bottom: 10px; padding-top: 26px;}

li.radio-buttons {clear: both; display: block; float: left; width: 100%;}

.radio-buttons LABEL {display: inline-block; visibility: visible; float: left; color: #666;}
.radio-buttons INPUT {display: inline-block; float: left; width: 20px !important; margin-right: 0px !important; margin-left: 26px !important;}

form.infertility-referral-form li.float {display: block; float: left; width: 228px !important;}
form.infertility-referral-form li.float INPUT {width: 193px !important;}
form.infertility-referral-form li.float div {width: 213px !important;}

div.gform_page_footer {display; block; float: left; padding-top: 15px; border-top: 1px dotted #aaaaaa; margin-top: 15px; width: 100%;}

div.gf_progressbar_percentage.percentbar_blue.percentbar_100 span {font-size: 1.6em !important; color: #773f76 !important; padding-bottom: 12px !important; display: block;}

.radio-buttons div.ginput_container {clear: both; display: block; padding-bottom: 16px; overflow: auto;}
.radio-buttons div.ginput_container INPUT {margin-left: 26px !important;}