/* --- Common --- */
/* -------------- */
body {background: url('../images/body-bg.png') repeat; font: 12px/21px Arial, Helvetica, Garuda, sans-serif; color: #58595b}
h1, h2 {font-size: 20px; color: #013b3a; margin-bottom: 10px}
h3, div.h3 {font-size: 22px; color: #fff; text-transform: uppercase; line-height: 34px; border-bottom: 1px dashed #b2dbe8; margin-bottom: 10px; font-weight: bold;}
h4, div.h4 {font-size: 13px; color: #fff; text-transform: uppercase; line-height: 34px; margin-bottom: 10px}
h5, div.h5 {font-size: 16px; color: #013b3a; margin-bottom: 10px; font-weight: bold;}
h6 {font-size: 14px; color: #013b3a; margin-bottom: 10px}
p {margin-bottom: 20px;}
textarea {font: 11px Arial, Helvetica, Garuda, sans-serif}
.wrapper {width: 976px; background: #fff; margin: 0 auto; position: relative}
.wrapper.main {border-bottom: 2px solid #9cb5bc}
.wrapper .left-shadow {position: absolute; left: -9px; top: 0%; bottom: -2px; width: 9px; background: url('../images/main-shadow-left.png') repeat-y}
.wrapper .right-shadow {position: absolute; right: -9px; top: 0%; bottom: -2px; width: 9px; background: url('../images/main-shadow-right.png') repeat-y}
.wrapper .bottom-shadow {position: absolute; right: -9px; bottom: -15px; width: 993px; height: 13px; background: url('../images/main-shadow-bottom.png') no-repeat}
.bold {font-weight: bold}
.big {font-size: 14px}
.m-0 {margin: 0}
.left-top-align {float: left; margin: 0 30px 20px 0}
.dotted-bottom {border-bottom: 1px dotted #d2d3d3}

/* --- Header --- */
/* -------------- */
.header-layer {height: 120px; background: #fff; border-bottom: 6px solid #b2dbe8}
.logo {position: absolute; top: 41px; left: 15px}
.header-text {position: absolute; top: 47px; right: 0; font-size: 11px; line-height: 14px; color: #035e7b; text-align: right}

/* --- Menu & Hero Image --- */
/* ------------------------- */
.menu-hero-layer-1 {background: url('../images/menu-hero-background-1.gif') repeat-y; border-bottom: 5px solid #b2dbe8}
.menu-hero-layer-2 {background: url('../images/menu-hero-background-2.png') no-repeat; min-height: 463px}

/* --- Menu --- */
/* ------------ */
.menu {float: left; width: 233px; padding: 13px 17px 13px 7px}
.high-level-menu li {font-size: 13px; text-transform: uppercase; line-height: 27px; border-bottom: 1px dashed #b2dbe8}
.high-level-menu li li {font-size: 11px; line-height: 18px; border-bottom: none}
.high-level-menu li a {color: #fff; text-decoration: none; display: block; /*padding: 0 14px*/ padding: 0 6px;}
.high-level-menu li a:hover, .high-level-menu li.active a, .high-level-menu li.hover a {background: #b2dbe8}
.high-level-menu li.active li a, .high-level-menu li.hover li a {background: none}
.high-level-menu li li a:hover, .high-level-menu li.active li.active a, .high-level-menu li.hover li.active a {background: transparent; color: #000}
.hl-menu .inner-menu {height: 0px; overflow: hidden}
.hl-menu.active .inner-menu {height: auto}

/* --- Hero --- */
/* ------------ */
#hero {float: left; width: 718px; line-height: 1px}
.hero-item {position: absolute; top: 0; right: 0; overflow: hidden}
.welcome {position: absolute; bottom: 2px; left: 10px; font-size: 70px; color: #fff; text-transform: uppercase}
.show-text {position: absolute; bottom: 10px; left: 718px/*340px*/; font-size: 28px; color: #fff; text-transform: uppercase}
.show-text p {padding-bottom: 10px}

/* --- Content --- */
/* --------------- */
.content {padding-top: 16px}
.left-content {float: left; width: 622px; padding: 20px 12px 20px 40px}
.sidebar {float: left; width: 284px}
.content ul {list-style: square; margin: 0 0 20px 20px}
.content ol {list-style: decimal; margin: 0 0 20px 20px}
.left-content a {color: #013b3a; font-weight: bold; text-decoration: none}
.left-content a:hover {text-decoration: underline}
.dotted-delimiter {height: 1px; border-bottom: 1px dotted #000; overflow: hidden; margin-bottom: 20px}

/* --- Referral Form --- */
/* --------------------- */
.form {color: #8e8e8e}
.form h5 {border-bottom: 1px dotted #d2d3d3}
.form h2 {font-size: 16px; border-bottom: 1px dotted #d2d3d3}
.rf-col {float: left; width: 239px; margin-right: 40px; padding-left: 30px}
.rf-full {padding-left: 30px}
.form .rf-col label, .form .rf-full label {display: block; font-weight: bold; margin-bottom: 4px}
.form .rf-col input {width: 229px; height: 14px; border: 1px solid #c4bfbc; color: #777676; font-size: 11px; padding: 4px}
.form .rf-col input, .form select, .form textarea {margin-bottom: 10px}
.form .rf-col .date-small {width: 34px}
.form .rf-col .date-big {width: 39px}
.form .zip-col {float: left; width: 75px; margin-right: 20px}
.form .zip-col input {width: 65px}
.form .state-col {float: left; width: 75px}
.form .state-col select {width: 75px; height: 24px; padding: 2px; border: 1px solid #c4bfbc; color: #777676; font-size: 11px}
.form #patient-country {width: 239px; height: 24px; padding: 2px; border: 1px solid #c4bfbc; color: #777676; font-size: 11px}
.form #concerns, .form #message {width: 542px; height: 72px; border: 1px solid #c4bfbc; color: #777676; font-size: 11px; padding: 4px}
.form .cb-col {float: left; width: 25px; padding-left: 30px}
.form .cl-col {float: left; width: 336px; color: #58595b}
.form #tick-other {width: 204px; height: 72px; border: 1px solid #c4bfbc; color: #777676; font-size: 11px; padding: 4px; margin-right: 10px}
.form .submit {position: relative; top: -13px}
.form .cb-col input {border-color: #c4bfbc}
#appointment-form {border-bottom: 1px dotted #d2d3d3}

/* --- Services --- */
/* ---------------- */

.content ul.services {list-style: none; margin-left: -20px; padding-left: 20px}
.content ul.services li h2 {margin-left: -20px; padding-left: 20px; background: url('../images/accordion-plus.gif') 0 4px no-repeat; cursor: pointer}
.content ul.services li h2.minus {background-image: url('../images/accordion-minus.gif')}
.content ul.services li .element {border-bottom: 1px dotted #d2d3d3; margin-bottom: 20px}
.content ul.services li .wisdom {border-bottom: 1px dotted #d2d3d3; margin-bottom: 20px; width:390px; float:left}
.content ul.services li .images {margin-bottom: 20px; width:230px;float:left;}
.content ul.services li .wisdom ul {list-style:none; margin: 0; width:210px; float:left;}
.content ul.services li .leftpoints p {width:210px; font:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top; float:left;}
.content ul.services li .rightpoints p {width:178px; font:Arial, Helvetica, sans-serif; float:left; font-weight:normal; vertical-align: top;}
.content ul.services li .points li{list-style:square outside none; width:380px; padding: 0 0 5px 0; clear:both}
.content ul.services li .points p {clear:both;}

div.services .images {margin-bottom: 20px; width:230px;float:left;}
div.services .wisdom {border-bottom: 1px dotted #d2d3d3; margin-bottom: 20px; width:390px; float:left}
div.services h2 {font-size: 14px; color: #013b3a; margin-bottom: 10px}


/* --- Sidebar --- */
/* --------------- */
.sidebar-block {border: 4px solid #b2dbe8; background: #037573 url('../images/sidebar-block-background.png') repeat-x; line-height: 19px; color: #fff; padding: 16px 20px 0 28px; position: relative; margin-bottom: 20px}
.sidebar-block.accordion {padding: 0}
.sidebar-block.accordion h4,
.sidebar-block.accordion div.h4 {background: url('../images/h4-background.png') repeat-x; cursor: pointer; margin-bottom: 0}
.sidebar-block.accordion .element {margin-top: 10px}
.sidebar-block.accordion h4 span,
.sidebar-block.accordion div.h4 span {display: block; padding-left: 36px; background: url('../images/accordion-plus.png') no-repeat}
.sidebar-block.accordion h4.minus span,
.sidebar-block.accordion div.h4.minus span{display: block; padding-left: 36px; background: url('../images/accordion-minus.png') no-repeat}
.sidebar-block .element .year {float: left; width: 37px; padding-left: 18px; margin-bottom: 4px; font-weight: bold}
.sidebar-block .element .text {float: left; width: 208px; margin-bottom: 8px}
.sidebar-block .sb-left-shadow {position: absolute; left: -8px; top: -4px; bottom: -4px; width: 4px; background: url('../images/sidebar-shadow-left.png') repeat-y}
.sidebar-block .sb-right-shadow {position: absolute; right: -8px; top: -4px; bottom: -4px; width: 4px; background: url('../images/sidebar-shadow-right.png') repeat-y}
.sidebar-block .sb-top-shadow {position: absolute; right: -8px; top: -6px; width: 292px; height: 2px; background: url('../images/sidebar-shadow-top.png') no-repeat}
.sidebar-block .sb-bottom-shadow {position: absolute; right: -8px; bottom: -11px; width: 292px; height: 7px; background: url('../images/sidebar-shadow-bottom.png') no-repeat}
.sidebar-block.download, .sidebar-block.referal, .sidebar-block.contact {padding: 10px 26px 0 0}
.sidebar-block.download h3, .sidebar-block.download div.h3,
.sidebar-block.referal h3, .sidebar-block.referal div.h3,
.sidebar-block.contact h3, .sidebar-block.contact div.h3 {font-size: 20px; text-transform: none; border: none; line-height: normal; padding-left: 47px; background: url('../images/download-header.png') no-repeat}
.sidebar-block.referal h3, .sidebar-block.referal div.h3 {background: url('../images/referal-ico.png') no-repeat; padding: 5px 0 5px 47px}
.sidebar-block.contact h3, .sidebar-block.contact div.h3 {background: url('../images/contact-ico.png') no-repeat}
.sidebar-block.download h3 span, .sidebar-block.download div.h3 span,
.sidebar-block.referal h3 span, .sidebar-block.referal div.h3 span,
.sidebar-block.contact h3 span, .sidebar-block.contact div.h3 span {display: block; border-bottom: 1px dashed #508281; height: 20px; padding-bottom: 10px}
.sidebar-block.download ul {list-style: none; line-height: 32px; margin: 0 0 20px 0}
.sidebar-block.download li {display: block}
.sidebar-block.download li a {color: #fff; font-weight: bold; text-decoration: none; padding-left: 47px; background: url('../images/pdf-ico.png') no-repeat; display: block}
.sidebar-block.download li a:hover {text-decoration: underline}
.sidebar-block.download p, .sidebar-block.contact p {border-bottom: 1px dashed #508281; margin-left: 47px; margin-bottom: 10px; padding-bottom: 10px}
.sidebar-block.referal p {padding-left: 47px}
.sidebar-block.referal p a {color: #fff; text-decoration: none; font-weight: bold}
.sidebar-block.referal p a:hover {text-decoration: underline}
.sidebar-block.contact a {color: #fff; text-decoration: none}
.sidebar-block.contact a:hover {text-decoration: underline}
.sidebar-block.contact .phone {background: url('../images/phone-ico.png') no-repeat}
.sidebar-block.contact .address {background: url('../images/address-ico.png') no-repeat}
.sidebar-block.contact .email {background: url('../images/email-ico.png') no-repeat}

.sidebar-block .heading {font-size: 22px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 34px; border-bottom: 1px dashed #b2dbe8; margin-bottom: 10px}

/* --- Footer --- */
/* -------------- */
.footer {margin-left: 40px; border-top: 1px solid #d0d7da}
.footer a {color: #035e7b; text-decoration: none}
.footer a:hover, .footer .active {text-decoration: underline}
.footer-text {float: left; width: 416px; padding: 8px 0 14px; font-size: 10px; color: #035e7b; line-height: normal}
.footer-menu {float: left; width: 500px; padding: 8px 20px 14px 0; font-size: 10px; color: #035e7b; line-height: normal; text-align: right}
.footer-menu a {text-transform: uppercase}
.footer-menu span {margin: 0 6px}

/* --- Additional --- */
/* ------------------ */
.fs-22 {font-size: 22px}
.fs-26 {font-size: 26px}
.fs-32 {font-size: 32px}

.hero-item small {position: relative; top: -10px}

.launchButton{display:block;text-align:center;}