@charset "utf-8";

/* #Colors
================================================== 
blue: 0080c8
dark grey: 5a5555
light grey: e7e3e1
cyan: 42c4dd
purple: 514f84
violet: a04375
================================================== */

/* #Colors
================================================== */

.blue { color: #0080c8; }

.dkgrey { color: #5a5555; }

.ltgrey { color: #e7e3e1; }

.cyan { color: #42c4dd; }

.purple { color: #522e91; }

.violet { color: #a04375; }

/* #Basic Styles
================================================== */
body {
 background: #fff;
 font: 400 16px/1.4 'Roboto', Arial, sans-serif;
 color: #5a5555;
 -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
 -webkit-text-size-adjust: 100%;
}

/* #Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
 line-height: 1;
 font-weight: 500;
}

h1 {
 font-size: 26px;
 margin-bottom: 15px;
}

#mainHeader h1 {
 color: #42c4dd;
 font-size: 29px;
 font-weight: 600;
 margin-bottom: 10px;
}

.patient-stories #contentHeader h1 {
 color: #522e91;
 font-size: 29px;
 margin-bottom: 15px;
}

#lcMagTxt h1 {
 color: #255b81;
 font-size: 39px;
 margin-bottom: 15px;
}

#lcMagTxt h3 {
 color: #5a5555;
 font-size: 24px;
 font-weight: 400;
 line-height: 1.15;
 margin-bottom: 16px;
}

#lcMagTxt p {
 color: #fff;
 font-size: 22px;
 line-height: 1.3;
 padding: 22px;
 background: #255b81;
}

#lcMagTxt p a {
 color: #42c4dd;
}
#lcMagTxt p a:hover {
 color: #4ce2ff;
}

h2 {
 font-size: 20px;
 margin-bottom: 5px;
}

#mainHeader h2 {
 font-size: 21px;
 font-weight: 400;
 line-height: 1.2;
 color: #fff;
 margin-bottom: 10px;
}

.conditions #contentHeader h2 {
 color: #42c4dd;
 font-size: 21px;
 font-weight: 400;
 line-height: 1.3;
}

.patient-stories #contentHeader h2 {
 font-size: 21px;
 font-weight: 400;
 color: #522e91;
 line-height: 1.1;
 margin-bottom: 10px;
}

#mainHeader h3 { color: #42c4dd; }

#searchResults .searchResult h3 { font-size: 17px; }

#mainContent h3 {
 font-size: 21px;
 font-weight: 500;
 color: #42c4dd;
 line-height: 1.1;
 padding: 5px 0;
}

.conditions #mainContent h3 { /* font-size: 21px;
 font-weight: 500;
 color: #42c4dd;
 line-height: 1.1;
 padding: 5px 0;*/
}

/*.conditions #mainContent h3:first-child {
 font-size: 29px;
 color: #5a5555;
}*/

/*.conditions #mainContent h3:first-child+p,
.conditions #mainContent h3:first-child+p+p,
.conditions #mainContent h3:first-child+p+p+p {
 color: #42c4dd;
 font-size: 21px;
}*/

.conditions #mainContent p { }

.patient-stories #mainContent h3 {
 font-size: 21px;
 font-weight: 500;
 color: #522e91;
 line-height: 1.1;
 padding: 5px 0;
}

h4 { margin-bottom: 2px; }

h5 { }

h6 { }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: inherit; }

p { margin: 0 0 15px 0; }

p img { margin: 0; }

i,
em { font-style: italic; }

b,
strong { font-weight: 600; }

.b500 { font-weight: 500; }

small { font-size: 80%; }

hr {
 color: #a2958a;
 background-color: #a2958a;
 height: 1px;
 margin: 20px 0;
 border: none;
}

sup {
 position: relative;
 font-size: 70%;
 top: -4px;
}

sub {
 position: relative;
 font-size: 70%;
 bottom: -4px;
}

#hContact { font-size: 14px; }

/* #Intro
================================================== */
#intro h3 {
 font-size: 22px;
 font-weight: 400;
 line-height: 1.3;
 margin-bottom: 15px;
}

#intro h3:last-child { margin-bottom: 0; }

/* #Home Quote
================================================== */
#homeQuote h2 {
 margin-top: 20px;
 line-height: 1.2;
}

#homeQuote h3 {
 color: #35bdb2;
 margin: 0 0 3px 0;
}

/* #Cyan theme
================================================== */
/*#cyan #mcWrapper h1 { color: #35bdb2; }

#cyan #mcWrapper h2 {
 margin-top: 20px;
 color: #514E86;
 line-height: 1.2;
}

#cyan #leftSidebar h3, #cyan #leftSidebar h3 a, #cyan #mcWrapper h3 {
 color: #35bdb2;
 margin: 0 0 3px 0;
}
*/
/* #Purple theme
================================================== */
/*#purple #mcWrapper h1 { color: #514E86; }

#purple #mcWrapper h2 {
 margin-top: 20px;
 color: #a14176;
 line-height: 1.2;
}

#purple #leftSidebar h3, #purple #leftSidebar h3 a, #purple #mcWrapper h3 {
 color: #514E86;
 margin: 0 0 3px 0;
}*/

/* #Pink theme
================================================== */
/*#pink #mcWrapper h1 { color: #a14176; }

#pink #mcWrapper h2 {
 margin-top: 20px;
 color: #514e86;
 line-height: 1.2;
}

#pink #leftSidebar h3, #pink #leftSidebar h3 a, #pink #mcWrapper h3 {
 color: #a14176;
 margin: 0 0 3px 0;
}
*/
/* #Blue theme
================================================== */
/*#blue #mcWrapper h1 { color: #4f91cd; }

#blue #mcWrapper h2 {
 margin-top: 20px;
 color: #a14176;
 line-height: 1.2;
}

#blue #leftSidebar h3, #blue #leftSidebar h3 a, #blue #mcWrapper h3 {
 color: #4f91cd;
 margin: 0 0 3px 0;
}*/

/* #Links
================================================== */
#wrapper a,
#wrapper a:visited,
#footer a,
#footer a:visited {
 color: #0082c8;
 text-decoration: none;
 outline: 0;
}

#footerInner a { font-weight: 700; }

#mcWrapper a {
 color: #0082c8;
 text-decoration: underline;
 outline: 0;
}

#mcWrapper a:hover {
 color: #5a5555;
 text-decoration: none;
}

#wrapper a:hover,
#wrapper a:focus,
#footer a:hover,
#footer a:focus {
 color: #5a5555;
 text-decoration: none;
}

#hContact a,
#hContact a:visited { color: #5a5555; }

#hContact a:hover,
#hContact a:focus { color: #0080c5; }

#wrapper #footerBox1 a,
#wrapper #footerBox1 a:visited { color: #5a5555; }

#wrapper #footerBox1 a:hover { color: #0080c5; }

#wrapper p a,
#wrapper p a:visited,
#footer p a,
#footer p a:visited { line-height: inherit; }

/* #Lists
================================================== */
#mainContent ul {
 margin: 10px 0 10px 5px;
 text-indent: -5px;
}

#mainContent h3+ul { margin: 0 0 10px 5px; }

#mainContent ul ul { margin: 5px 0 0 5px; }

#mainContent ul li {
 /*background: url(../images/bullet-cyan.png) no-repeat scroll 0 5px transparent;*/
 margin: 0 0 5px;
 padding: 0 0 0 7px;
}

#mainContent ul li:before {
 content: url(../images/bullet-blue.png);
 position: relative;
 right: 7px;
 top: -3px;
}

#mainContent ul.linkList li:before { content: url(../images/arrow-small-cyan.png); }

/*#pink #mcWrapper ul li { 
 background: url(../images/arrow-small-pink.png) no-repeat scroll 0 5px transparent;
 }*/
 
#pink #mainContent ul li:before {
 content: url(../images/bullet-pink.png);
 position: relative;
 right: 5px;
 top: -1px;
}

#pink #mainContent ul.linkList li:before { content: url(../images/arrow-small-pink.png); }

/*#purple #mcWrapper ul li { 
 background: url(../images/arrow-small-purple.png) no-repeat scroll 0 5px transparent;
 }*/
 
#purple #mainContent ul li:before {
 content: url(../images/bullet-purple.png);
 position: relative;
 right: 5px;
 top: -1px;
}

#purple #mainContent ul.linkList li:before { content: url(../images/arrow-small-purple.png); }

/*#blue #mcWrapper ul li { 
 background: url(../images/arrow-small-blue.png) no-repeat scroll 0 5px transparent;
 } */
 
#blue #mainContent ul li:before {
 content: url(../images/bullet-blue.png);
 position: relative;
 right: 5px;
 top: -1px;
}

#blue #mainContent ul.linkList li:before { content: url(../images/arrow-small-blue.png); }

#mainContent ul li a { }

#mainContent ul li a:hover { }

#mainContent ul li li { }

#mainContent ol {
 margin: 10px 0;
 counter-reset: li;
}

#mainContent ol li { margin: 0 0 5px; }

#mainContent ol li:before {
 content: counter(li) ". "; /* Use the counter as content and add a stop/space */
 counter-increment: li; /* Increment the counter by 1 */
}

/*#mcWrapper ol {
 margin: 10px 0 10px 20px;
 padding: 0;
}

#mcWrapper ol li {
 list-style: outside decimal;
}*/

/* #Nav
================================================== */
#navBar .nav,
#navBar .nav * { }

#navBar .nav {
 height: 18px;
 margin: 0 0 0 -5px;
 padding: 11px 0;
 background: #0081c6
}

#navBar .nav li {
 margin: 0;
 padding: 0;
 float: left;
 position: relative;
}

/*#navBar .nav li:before { content: '\002F'; }*/

/*#navBar .nav li:first-child:before { content: ''; }*/

#navBar .nav li a {
 font: 400 16px/1 'Roboto', Arial, sans-serif;
 color: #c4e2f2;
 padding: 8px 15px 9px;
 text-decoration: none;
}

#navBar .nav li a.nav-selected {
 color: #fff;
 text-decoration: none;
 background: #118fd2
}

#navBar .nav li a:hover {
 color: #fff;
 text-decoration: none;
 background: #0099ff
}

/*#pink #navBar .nav li a.nav-path-selected { color: #a14176; }

#purple #navBar .nav li a.nav-path-selected { color: #514E86; }

#blue #navBar .nav li a.nav-path-selected { color: #4f91cd; }

#cyan #navBar .nav li a.nav-path-selected { color: #35bdb2; }*/



/* #Left Nav
===============================*/
#leftSidebar .nav { margin: 10px 0 0 0; }

#leftSidebar .nav li { margin: 0 0 5px 0; }

#leftSidebar .nav a {
 font: 400 14px/1 'Roboto', Arial, sans-serif;
 color: #584B44;
 padding: 2px 0;
}

#leftSidebar .nav a:hover { color: #35bdb2; }

#leftSidebar .nav a.nav-selected {
 color: #35bdb2;
 font-weight: 600;
}

#pink #leftSidebar .nav a.nav-selected,
#pink #leftSidebar .nav a:hover { color: #a14176; }

#purple #leftSidebar .nav a.nav-selected,
#purple #leftSidebar .nav a:hover { color: #514E86; }

#blue #leftSidebar .nav a.nav-selected,
#blue #leftSidebar .nav a:hover { color: #4f91cd; }

#cyan #leftSidebar .nav a.nav-selected,
#cyan #leftSidebar .nav a:hover { color: #35bdb2; }

#leftSidebar .nav li ul { margin: 3px 0 6px 0; }

#leftSidebar .nav li li { margin: 0 0 3px 10px; }

/* #Right Nav
===============================*/
#rightSidebar .nav li a {
 font-weight: 600;
 /*font-size: 17px;*/
 color: #522e91;
 border: 1px solid #522e91;
 display: block;
 margin-bottom: 15px;
 padding: 10px;
 text-align: center;
 text-decoration: none;
}

#rightSidebar .nav li a:hover,
#rightSidebar .nav li a.nav-selected {
 color: #fff;
 background: #522e91;
}

.conditions #rightSidebar .nav li a {
 border: 1px solid #42c4dd;
 color: #42c4dd;
}

.conditions #rightSidebar .nav li a:hover,
.conditions #rightSidebar .nav li a.nav-selected {
 color: #fff;
 background: #42c4dd;
}

/* #Forms
================================================== */
input[type="text"] {
 height: 22px;
 padding: 2px 5px;
 border: none;
 line-height: 1.2;
 color: #584B44;
 margin: 0;
 background: #ece9e6;
 display: inline;
}

input[type="text"]:focus { color: #584B44;/*box-shadow: 0 0 5px rgba(53,189,178,0.7);*/ }

#search input[type="text"],
#search-results input.ccm-search-block-text[type="text"] {
 color: #5a5555;
 background: #fff;
 width: 150px;
 /* height: 25px;
 padding: 2px 35px 2px 5px;*/
 height: 29px;
 padding: 0 35px 0 5px;
 top: 6px;
 position: relative;
 float: left;
 transition: width 0.2s ease-out 0s;
}

#search-results input.ccm-search-block-text[type="text"] {
 width: 300px;
 margin-right: 10px;
 border: 1px solid #d5cfcb;
}

#search-results input.ccm-search-block-text[type="text"]:focus { width: 500px; }

#search-results .resultsCount {
 margin-top: 14px;
 font-size: 12px;
}

#search input[type="text"]:focus {
 width: 180px;
 box-shadow: none;
}

#search .searchButton,
#search-results input.ccm-search-block-submit {
 background: #fff url(../images/btn-search.png) no-repeat scroll 0 0;
 border: none;
 cursor: pointer;
 float: left;
 height: 23px;
 margin-left: -40px;
 margin-top: 9px;
 position: relative;
 text-indent: -9999px;
 text-transform: uppercase;
 width: 23px;
}

#search-results input.ccm-search-block-submit { margin-top: 10px; }

.formBlockSurveyTable textarea {
 height: 150px;
 padding: 2px 5px;
 color: #584B44;
 border: none;
 font: 400 14px/1.2 'Roboto', Arial, sans-serif;
 margin: 0;
 background: #ece9e6;
}

.formBlockSurveyTable textarea:focus { box-shadow: 0 0 5px rgba(53,189,178,0.7); }

.miniSurveyView table.formBlockSurveyTable td { padding-bottom: 10px; }

.miniSurveyView td.question {
 padding-right: 12px;
 vertical-align: top;
}

.miniSurveyView #msg { background: #c8f0ed; }

/* #Slideshow
================================================== */
#slideshow h1 {
 font: 500 54px/1 'Roboto', Arial, sans-serif;
 color: #0082c8;
 margin-bottom: 5px;
}

#slideshow h2 {
 font: 400 36px/1.1 'Roboto', Arial, sans-serif;
 color: #fff;
}

#slideshow h3 {
 font: 400 20px/1.1 'Roboto', Arial, sans-serif;
 color: #35bdb2;
}

#slideshow li { }

/* #Right Sidebar
================================================== */
#rightSidebar a { text-decoration: none; }

#rightSidebar p,
#rightSidebar h1,
#rightSidebar h2,
#rightSidebar h3,
#rightSidebar h4,
#rightSidebar h5,
#rightSidebar h6 { }

#rightSidebar p { margin: 0 0 10px 0; }

#rightSidebar h1 {
 font-size: 18px;
 font-weight: 600;
 line-height: 1;
 margin: 0 0 10px 0;
}

#rightSidebar h3 { margin: 1px 0 15px 0; }

#rightSidebar h3 a {
 color: #522e91;
 font-size: 21px;
 font-weight: 500;
 line-height: 1.1;
}

#rightSidebar h3 a:hover { color: #5a5555; }

.conditions #rightSidebar h3 {
 font-size: 21px;
 font-weight: 500;
 line-height: 1.1;
 color: #42c4dd;
 margin: 1px 0 15px 0;
}

/* #pinkBox
================================================== */
#pinkBox h1 { color: #a14176 }

a #pinkBox p.link {
 font-weight: 600;
 color: #a14176;
 padding-top: 0;
}

a:hover #pinkBox p.link { text-decoration: underline; }

a #pinkBox p.link:after,
a #pinkBox p.plink:after {
 position: relative;
 content: url(../images/arrow-pink.png);
 top: 3px;
 margin: 0 0 0 5px;
}

/* #purpleBox
================================================== */
#purpleBox h1 { color: #514E86; }

a #purpleBox p.link {
 font-weight: 600;
 color: #514E86;
 padding-top: 0;
}

a:hover #purpleBox p.link { text-decoration: underline; }

a #purpleBox p.link:after,
a #purpleBox p.plink:after {
 position: relative;
 content: url(../images/arrow-purple.png);
 top: 3px;
 margin: 0 0 0 5px;
}

/* #blueBox
================================================== */
#blueBox h1 { color: #4f91cd }

a #blueBox p.link {
 font-weight: 600;
 color: #4f91cd;
 padding-top: 0;
}

a:hover #blueBox p.link { text-decoration: underline; }

a #blueBox p.link:after,
a #blueBox p.plink:after {
 position: relative;
 content: url(../images/arrow-blue.png);
 top: 3px;
 margin: 0 0 0 5px;
}

/* #cyanBox
================================================== */
#cyanBox h1 { color: #35bdb2 }

a #cyanBox p.link {
 font-weight: 600;
 color: #35bdb2;
 padding-top: 0;
}

a:hover #cyanBox p.link { text-decoration: underline; }

a #cyanBox p.link:after,
a #cyanBox p.plink:after {
 position: relative;
 content: url(../images/arrow-cyan.png);
 top: 3px;
 margin: 0 0 0 5px;
}

/* #footer
================================================== */

#footer ul.ccm-manual-nav { margin: 0 0 10px 0; }

.footerbox h3 {
 font: 500 19px/1 'Roboto', Arial, sans-serif;
 color: #0080c5;
 margin: 10px 0 5px;
}

.footerbox p {
 font-size: 12px;
 line-height: 1.3;
 margin-bottom: 5px;
}

#copyright p {
 font-size: 11px;
 line-height: 1.3;
}

#copyright a,
#copyright a:visited { color: #5a5555; }

#copyright a:hover { color: #0080c5; }

.footerbox p a { font-weight: 600; }

.footerbox a:hover { text-decoration: underline; }

#footerBox1 .ccm-manual-nav li { line-height: 1.2; }

#footerBox1 .ccm-manual-nav li a,
#footerBox1 .ccm-manual-nav li a:visited {
 color: #5a5555;
 font-size: 12px;
 font-weight: 400;
}

#footerBox1 .ccm-manual-nav li a:hover { color: #0080c5; }

#footerBox4 strong { font-weight: 700; }

/*.arrowLink:after {
 position: relative;
 content: url(../images/arrow-grey.png);
 top: 3px;
 margin: 0 0 0 5px;
}*/



/* #Cookie control
================================================== */
.ccc-outer { color: #584B44 !important; }

div#cccwr div { font-size: 12px !important; }

div#ccc-icon button { background: url(../images/cookie-control.png) no-repeat !important; }

.ccc-inner h2 { background-color: #a2958a !important; }

.ccc-outer { border: 1px solid #a2958a !important; }

.ccc-expand { background: #a2958a !important; }

.ccc-inner a {
 color: #584b44 !important;
 text-decoration: underline !important;
}

.ccc-inner a:hover {
 color: #35bdb2 !important;
 text-decoration: none !important;
}

/*	Blockquotes  */
/*	blockquote,
blockquote p {
 font-size: 17px;
 line-height: 24px;
 color: #777;
 font-style: italic;
}

blockquote {
 margin: 0 0 20px;
 padding: 9px 20px 0 19px;
 border-left: 1px solid #ddd;
}

blockquote cite {
 display: block;
 font-size: 12px;
 color: #555;
}

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited { color: #555; }*/


/* #Main Nav
================================================== */

#menu { /*margin-left: -5px;*/ }

#menu a,
#menu a:visited,
#menu a:focus {
 font-size: 16px;
 line-height: 1;
 color: #c4e2f2;
 color: #b8e6ff;
}

#menu ul { }

#menu > ul > li {
 position: relative;
 float: left;
}

#menu > ul > li:last-child { }

#menu > ul > li:hover { }

#menu > ul > li > a {
 display: block;
 padding: 12px 15px;
 line-height: 1;
 border-right: 1px solid #b8e6ff;
 background: #0081c6;
}

#menu > ul > li:first-child > a { border-left: 1px solid #b8e6ff; }

#menu > ul > li:last-child a { }

#menu > ul > li:hover > a {
 background: #0099ff;
 color: #fff;
}

#menu > ul > li > a.nav-selected,
#menu > ul > li > a.nav-path-selected { background: #118fd2; }

#home #menu > ul > li > a.nav-home { background: #118fd2; }

#menu > ul > li > div {
 min-width: 190px;
 background: #118fd2;
 display: none;
 position: absolute;
 white-space: nowrap;
 z-index: 1000;
}

/*#menu > ul > li:nth-child(2) > div { min-width: 180px; }
#menu > ul > li:last-child > div { min-width: 140px; }*/

#menu > ul > li:hover > div { display: table; }

#menu > ul > li > div > ul { display: table-cell; }

#menu > ul > li ul + ul { padding-left: 20px; }

#menu > ul > li ul > li > a {
 padding: 10px 15px;
 display: block;
}

#menu > ul > li ul > li > a:hover { color: #fff; }

#menu > ul > li > div > ul > li > a {
 font-size: 16px;
 border-bottom: 1px solid #fff;
}

#menu > ul > li > div > ul > li:last-child > a { border-bottom: none; }

#menu > ul > li > div > ul > li > a.nav-selected,
#menu > ul > li > div > ul > li > a.nav-path-selected { background: #118fd2; }

#menu > ul > li > div > ul > li > a:hover {
 color: #fff;
 background: #0099ff;
}

#menu > ul > li > div > ul > li > a:focus { /*color: #c4e2f2;*/ }

#menu select { display: none; }