/* =============================================================================
   	Site Name  : Prenoxad
	Version    : 1.0
	Author     : Leo Jacobs
	Author URI : http://www.openhealth.co.uk
	Date       : 28/01/2013
   ========================================================================== */
/* Table of Content
==================================================

	#Basic Imports
	#Basic Styles
	#Typography
	#Colours
	#Site specific
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */
/* BASIC IMPORTS
================================================== */
/* Basic Imports */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
/* line 15, ../sass/_reset.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 25, ../sass/_reset.scss */
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/* line 33, ../sass/_reset.scss */
img,
object,
embed,
video {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
/* html {overflow-y: scroll;} */
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
/* line 40, ../sass/_reset.scss */
ul {
  list-style: none;
}

/* line 42, ../sass/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 47, ../sass/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 49, ../sass/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 51, ../sass/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 53, ../sass/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
/* line 56, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 57, ../sass/_reset.scss */
th {
  font-weight: bold;
  vertical-align: bottom;
}

/* line 58, ../sass/_reset.scss */
td {
  font-weight: normal;
  vertical-align: top;
}

/* line 60, ../sass/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 62, ../sass/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 64, ../sass/_reset.scss */
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

/* line 71, ../sass/_reset.scss */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 72, ../sass/_reset.scss */
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

/* line 73, ../sass/_reset.scss */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 75, ../sass/_reset.scss */
select, input, textarea {
  font: 99% sans-serif;
}

/* line 77, ../sass/_reset.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
/* line 81, ../sass/_reset.scss */
a:hover, a:active {
  outline: none;
}

/* line 83, ../sass/_reset.scss */
small {
  font-size: 85%;
}

/* line 85, ../sass/_reset.scss */
strong, th {
  font-weight: bold;
}

/* line 87, ../sass/_reset.scss */
td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
/* line 91, ../sass/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

/* line 92, ../sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 93, ../sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
/* line 96, ../sass/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
/* line 103, ../sass/_reset.scss */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* line 106, ../sass/_reset.scss */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
/* line 109, ../sass/_reset.scss */
button {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
/* line 112, ../sass/_reset.scss */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
/* line 115, ../sass/_reset.scss */
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */
/* line 118, ../sass/_reset.scss */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 119, ../sass/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 120, ../sass/_reset.scss */
.clearfix {
  zoom: 1;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 132, ../sass/_reset.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 137, ../sass/_reset.scss */
.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 145, ../sass/_reset.scss */
.cf {
  *zoom: 1;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
/* line 161, ../sass/_reset.scss */
body, select, input, textarea {
  color: #333;
}

/* line 163, ../sass/_reset.scss */
a {
  color: #03f;
}

/* line 164, ../sass/_reset.scss */
a:hover {
  color: #69f;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/* line 167, ../sass/_reset.scss */
::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

/* line 168, ../sass/_reset.scss */
::selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
/* line 171, ../sass/_reset.scss */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}

/* line 173, ../sass/_reset.scss */
ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

/* line 174, ../sass/_reset.scss */
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* ==================================================================================================================== */
/* ! The Grid   */
/* ==================================================================================================================== */
/* line 5, ../sass/_grid.scss */
.container {
  padding-left: 1.25em;
  padding-right: 1.25em;
}

/* line 10, ../sass/_grid.scss */
.row {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 18, ../sass/_grid.scss */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-right: 3.2%;
  float: left;
  min-height: 0.0625em;
}

/* line 24, ../sass/_grid.scss */
.row .onecol {
  width: 4.85%;
}

/* line 28, ../sass/_grid.scss */
.row .twocol {
  width: 13.45%;
}

/* line 32, ../sass/_grid.scss */
.row .threecol {
  width: 22.05%;
}

/* line 36, ../sass/_grid.scss */
.row .fourcol {
  width: 30.75%;
}

/* line 40, ../sass/_grid.scss */
.row .fivecol {
  width: 39.45%;
}

/* line 44, ../sass/_grid.scss */
.row .sixcol {
  width: 48%;
}

/* line 48, ../sass/_grid.scss */
.row .sevencol {
  width: 56.75%;
}

/* line 52, ../sass/_grid.scss */
.row .eightcol {
  width: 65.4%;
}

/* line 56, ../sass/_grid.scss */
.row .ninecol {
  width: 74.05%;
}

/* line 60, ../sass/_grid.scss */
.row .tencol {
  width: 82.7%;
}

/* line 64, ../sass/_grid.scss */
.row .elevencol {
  width: 91.35%;
}

/* line 68, ../sass/_grid.scss */
.row .twelvecol {
  width: 100%;
  float: left;
}

/* line 73, ../sass/_grid.scss */
.last {
  margin-right: 0px;
}

/* line 77, ../sass/_grid.scss */
.onepush {
  margin-left: 8.65%;
}

/* line 81, ../sass/_grid.scss */
.twopush {
  margin-left: 17.3%;
}

/* line 85, ../sass/_grid.scss */
.threepush {
  margin-left: 25.95%;
}

/* line 89, ../sass/_grid.scss */
.fourpush {
  margin-left: 34.6%;
}

/* line 93, ../sass/_grid.scss */
.fivepush {
  margin-left: 43.25%;
}

/* line 97, ../sass/_grid.scss */
.sixpush {
  margin-left: 51.9%;
}

/* line 101, ../sass/_grid.scss */
.sevenpush {
  margin-left: 60.55%;
}

/* line 105, ../sass/_grid.scss */
.eightpush {
  margin-left: 69.2%;
}

/* line 109, ../sass/_grid.scss */
.ninepush {
  margin-left: 77.85%;
}

/* line 113, ../sass/_grid.scss */
.tenpush {
  margin-left: 86.5%;
}

/* line 117, ../sass/_grid.scss */
.elevenpush {
  margin-left: 95.15%;
}

/* line 121, ../sass/_grid.scss */
img, object, embed, video {
  max-width: 100%;
}

          video {
            max-width: 100%;
            height: auto;
          }

          iframe,
          embed,
          object {
            max-width: 100%;
          }
/* line 125, ../sass/_grid.scss */
img {
  height: auto;
}

/* ==================================================================================================================== */
/* ! Media Query   */
/* ==================================================================================================================== */
/* Smaller screens */
@media only screen and (max-width: 63.9375em) {
  /* line 9, ../sass/_mobile.scss */
  body {
    font-size: 0.8em;
    line-height: 1.5em;
  }
}
/* Mobile */
@media handheld, only screen and (max-width: 47.9375em) {
  /*  Grid Specific */
  /* line 23, ../sass/_mobile.scss */
  body {
    font-size: 1em;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
  }

  /* line 29, ../sass/_mobile.scss */
  .row, body, .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* line 38, ../sass/_mobile.scss */
  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;

  }

  /* line 47, ../sass/_mobile.scss */
  .selection {
    padding-top: 0.625em;
  }

  /* line 52, ../sass/_mobile.scss */
  .selection .first, .selection .second, .selection .third {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  /* Site Specific */
  /* line 64, ../sass/_mobile.scss */
  header h1 {
    text-align: center;
  }

  /* line 71, ../sass/_mobile.scss */
  .footcont .copyright, .footcont .pi {
    text-align: center !important;
  }
}
/* BASIC DEFAULT STYLES
================================================== */
/* line 32, ../sass/style.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  *behavior: url(../htc/boxsizing.htc);
}

/* line 39, ../sass/style.scss */
html {
  overflow-y: scroll;
}

/* line 42, ../sass/style.scss */
html, body {
  height: 100%;
}

/* line 48, ../sass/style.scss */
body {
  background: #fff;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
  font-size: 1em;
  line-height: 1.5em;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;

}

/* line 59, ../sass/style.scss */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 70%;
}

/* line 65, ../sass/style.scss */
sub {
  top: 0.4em;
}
sup {
  top: -0.5em;
}

/* TYPOGRAPHY
================================================== */
/* line 61, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
* html {
  font-size: 100%;
}

/* line 64, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 16px;
  line-height: 1.5em;
}

/* Colours
================================================== */
/* SITE SPECIFIC STYLES
================================================== */
/* line 87, ../sass/style.scss */
.wrapper {
  padding-top: 20px;
}

/* line 91, ../sass/style.scss */


/* #HEADER */
/* line 112, ../sass/style.scss */

.logo {
  display: block;
  width: 273px;
  height: 117px;
  background: url(../images/global/logo.png) no-repeat;
  float: left;
}

.logo a {
  display: block;
  width: 250px;
  height: 107px;
}

.logo a span {
  display: none;
}

.home {
float: right;
}
.home p {
  line-height: 6.688em;
}

.sub-pages {
  float: right;
  margin-top: 1.250em;
}

.sub-pages p {
  line-height: 2.5em;
}





h1 {
  font-size: 2.0em;
  line-height: 1.2em;
  color: #222;
}
/* line 116, ../sass/style.scss */
h1 a {
  color: black;
  text-decoration: none;
}
/* line 120, ../sass/style.scss */
h1 a:hover {
  color: black;
}



/* #SECTION */
/* line 128, ../sass/style.scss */
.selection {
  padding-top: 9.375em;
}
/* line 132, ../sass/style.scss */
.selection a {
  text-decoration: none;
}
/* line 137, ../sass/style.scss */

/* line 147, ../sass/style.scss */
.selection .first p, .selection .second p, .selection .third p {
  text-align: center;
  font-size: 1.025em;
  font-weight: bold;
  line-height: 1.2em;
  padding-top: 2.8em;
  padding-left: 0.75em;
}

.selection .second p, .selection .third p {
  padding-left: 0.05em;
  padding-top: 2.25em;
}

.selection .third p {
  padding-left: 0.75em;
}

/* line 160, ../sass/style.scss */
.selection .first:hover, .selection .second:hover, .selection .third:hover {
  background: url(../images/global/btn-over.png) no-repeat;
  /* Fall Back*/

  color: #706f6f;
}


.first, .second, .third {
  display: block;
  width: 18.750em;
  height: 8.063em;
  float: left;
  background: url(../images/global/btn-up.png) no-repeat;
  color: #FCDC18;
  -webkit-transition-property: background;
 -webkit-transition-duration: 0.5s, 0.5s;
 -webkit-transition-timing-function: linear, ease-in;


}


.hold {
  display: table;
  margin: 0 auto;
  text-align: center; /*This is to fix IE 7 Centering Div Bug*/
  * text-align: left; /*This is to fix IE 7 Centering Div Bug*/
  * width: 100%; /*This is to fix IE 7 Centering Div Bug*/
  * margin:0 auto; /*This is to fix IE 7 Centering Div Bug*/



}

/*This to make the first page in unordered list*/

.hold ul {
  margin-right: 0px;
}

.hold ul li {
  display: block;
  background: url(../images/global/btn-up.png) no-repeat;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: linear, ease-in;
  width: 300px;
  height: 129px;
  cursor: pointer;
}

li.one, li.two, li.three {
  width: 300px;
  height: 129px;
  display: block;
  float: left;
}

.hold ul li a {
  display: table;
  width: 300px;
  height: 129px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.025em;
  font-weight: bold;
  line-height: 1.2em;
  padding-top: 2.25em;
  padding-top: 40px\9; /* IE 8 and below*/
  padding-left: 0.05em;
  *display:block;
  color: #FCDC18;
}

.hold ul li.one a {
  padding-top: 3.15em;
}



.hold ul li:hover {
  background: url(../images/global/btn-over.png) no-repeat;
 /* width: 300px;
  height: 129px;*/
  margin: 0 auto;
  color: #706f6f;
}

.hold ul li:hover a {
  color: #706f6f;
  /*width: 300px;
  height: 129px;*/
  margin: 0 auto;
}


/*.first {
  margin-left: 2.813em;
}

.second {
  margin-left: 2.813em;
  margin-right: 2.813em;
}

.third {
  margin: 0;

}*/

a.first a:hover {
  color: #706f6f;
  background: url(../images/global/btn-over.png) no-repeat;
}


a.basic {
  color: black;
  text-decoration: none;
  padding: 5px;
}
/* line 96, ../sass/style.scss */
a.basic a:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  background: #333;
  /* Fallback Colour */
  background: #333333;
  color: white;
  behavior: url(../htc/PIE.htc);
}



/* #FOOTER */
/* line 172, ../sass/style.scss */
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -3.75em;
  /*change this according to the desired height of footer. this is based on 250px height*/
}

/* line 180, ../sass/style.scss */
.footer, .push {
  height: 3.75em;
}

/* line 182, ../sass/style.scss */
.footer {
  border-top: 1px dotted #333;
}

/* line 185, ../sass/style.scss */
.footer {
  background: white;
  /*The Fallback*/
  background: rgba 255, 255, 255, 1;
  color: #333333;
}

/* line 191, ../sass/style.scss */
.footcont {
  padding-top: 12px;
  padding-bottom: 10px;
}
/* line 195, ../sass/style.scss */
.footcont .pi {
  text-align: right;
}

/* PI & LEGAL*/
/* PI */
/* line 205, ../sass/style.scss */
#overlay-pi, #overlay-legal {
  background: #000;
  opacity: 1.0;
  position: absolute;
  top: 0;
  bottom: 3.75em;
  left: 0;
  right: 0;
  display: none;
  overflow: auto;
}
/* line 216, ../sass/style.scss */
#overlay-pi .content-pi, #overlay-pi .content-legal, #overlay-legal .content-pi, #overlay-legal .content-legal {
  padding-top: 80px;
  color: white;
}
/* line 219, ../sass/style.scss */
#overlay-pi .content-pi h1, #overlay-pi .content-legal h1, #overlay-legal .content-pi h1, #overlay-legal .content-legal h1 {
  color: white;
}
/* line 224, ../sass/style.scss */
#overlay-pi .content-pi ul, #overlay-pi .content-legal ul, #overlay-legal .content-pi ul, #overlay-legal .content-legal ul {
  list-style-type: disc;
  padding-left: 5px;
}
/* line 228, ../sass/style.scss */
#overlay-pi .content-pi ul li, #overlay-pi .content-legal ul li, #overlay-legal .content-pi ul li, #overlay-legal .content-legal ul li {
  text-indent: 10px;
}

/* LINKS SECTION
================================================== */
/* line 241, ../sass/style.scss */
.role-prescription-content ul {
  list-style: disc;
}
/* line 244, ../sass/style.scss */
.role-prescription-content ul li {
  margin-bottom: 10px;
}
/* line 247, ../sass/style.scss */
.role-prescription-content ul li a {
  text-decoration: none;
  cursor: pointer;
}
/* line 253, ../sass/style.scss */
.role-prescription-content ul li a:hover {
  text-decoration: underline;
}
/* line 258, ../sass/style.scss */
.role-prescription-content ul li li.head-list span {
  font-weight: bold;
}

/* line 270, ../sass/style.scss */
li.head-list {
  list-style: none;
  padding-left: 15px;
}

/* line 275, ../sass/style.scss */
span {
  text-decoration: underline;
  margin-bottom: 10px;
  font-weight: bold;
}

/* HEALTHCARE PROFESSIONAL SECTION
================================================== */
/* WHO IS THIS PAGE FOR ON THE TOP  */
/* line 290, ../sass/style.scss */
.role-when-content {
  margin-bottom: 20px;
}

/* line 298, ../sass/style.scss */
.who {
  display: block;
  margin-top: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #333333;
  text-align: center;
  *behavior: url(htc/PIE.htc);

}

.who h2 {
  color: white;
  padding: 5px;
  padding-left: 20px;
  padding-right:20px;
  text-align: center;
  }



/* ABOUT PAGE */
/* line 310, ../sass/style.scss */
.top {
  border-bottom: 1px dotted #706f6f;
}



/* Navigation on Top */
/* line 314, ../sass/style.scss */
ul#subsection-hcp {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  padding-top: 10px;
  right: 0;
}
/* line 60, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss */
ul#subsection-hcp li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 48, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss */
ul#subsection-hcp li:first-child, ul#subsection-hcp li.first {
  padding-left: 0;
}
/* line 49, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss */
ul#subsection-hcp li:last-child {
  padding-right: 0;
}
/* line 50, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss */
ul#subsection-hcp li.last {
  padding-right: 0;
}

/* line 317, ../sass/style.scss */
ul#subsection-hcp li {
  list-style: none;
}
/* line 318, ../sass/style.scss */
ul#subsection-hcp li a.abt_nalox {
  display: block;
  width: 240px;
  height: 40px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: black;
  /* Fallback Colour */
  background: #333333;
  color: white;
  behavior: url(htc/PIE.htc);
}
/* line 335, ../sass/style.scss */
ul#subsection-hcp li a#drug {
  width: 150px;
}
/* line 339, ../sass/style.scss */
ul#subsection-hcp li a:hover, ul#subsection-hcp li a.selected {
  background: #cccccc;
  /* Fallback Colour */
  background: #cccccc;
  color: black;
}

/* Sub-Page Navigation on Left Side */
/* line 351, ../sass/style.scss */
.left {
  padding-top: 20px;
}

/* line 355, ../sass/style.scss */
.navigation {
  width: 360px;
  font-size: 0.875em;
  line-height: 1.71429em;
}

/* line 356, ../sass/style.scss */
.navigation ul {
  margin: 0px;
  padding: 0px;
}

/* line 357, ../sass/style.scss */
.navigation li {
  list-style: none;
}

/* line 359, ../sass/style.scss */
ul#hcp-section,
ul#drug-section,
ul#medical-section {
  background: #666;
}

/* line 360, ../sass/style.scss */
ul#hcp-section li,
ul#drug-section li,
ul#medical-section li {
  border-bottom: #fff solid;
  border-top: #fff solid;
  border-width: 1px;

}

/* line 366, ../sass/style.scss */
.navigation a {
  color:#fcdc18;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  padding-left: 10px;
  display: block;
  height: 50px;
  line-height: 50px;
}

.navigation li.bull a:hover {
  background: transparent;

}

.navigation a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 1.2;
}

/* line 386, ../sass/style.scss */
.navigation a.selected {
/*  background: #FCDC18;*/
  color: #706F6F;
}

/* line 391, ../sass/style.scss */
ul#accordion li {
  background: white;
  border-bottom: 1px solid #fff;
}
/* line 395, ../sass/style.scss */
ul#accordion li a {
  height: 40px;
  line-height: 40px;
  text-indent: 40px;
  text-decoration: none;
  color: #fcdc18;
  background: #706f6f;
  cursor: pointer;
}
/* line 403, ../sass/style.scss */
ul#accordion li a:hover,
ul#accordion li a.selected {
  background: #fcdc18;
  color: #706f6f;
}

/* Role Content - HCP / DRUG / MEDICAL  */
/* line 411, ../sass/style.scss */
.role-hcp-content,
.role-drug-content,
.role-medical-content {
  margin-bottom: 20px;
}
/* line 413, ../sass/style.scss */
.role-hcp-content h1,
.role-drug-content h1,
.role-medical-content h1,
.role-prescription-content h1,
.role-when-content h1 {
  font-size: 1.375em;
  line-height: 1.15;
  margin-bottom: 1em;
}
.role-hcp-content h1.too-long,
.role-drug-content h1.too-long,
.role-medical-content h1.too-long,
.role-prescription-content h1.too-long,
.role-prescription-content h1.too-long {
  font-size: 1.375em;
}
/* line 416, ../sass/style.scss */
.role-hcp-content p.first, .role-drug-content p.first, .role-medical-content p.first {
  padding-top: 10px;
}
/* line 417, ../sass/style.scss */
.role-hcp-content, .role-drug-content, .role-medical-content {
  line-height: 1.5;
}
.role-hcp-content p, .role-drug-content p, .role-medical-content p,
.role-hcp-content ul, .role-drug-content ul, .role-medical-content ul {
  /*font-size: 1.125em;*/
  /*line-height: 1.33333em;*/
  /*text-align: justify;*/
  padding-bottom: 15px;
}
/* line 423, ../sass/style.scss */
.role-hcp-content sup, .role-drug-content sup, .role-medical-content sup {
  font-weight: bold;
}

.hyphen-list, .number-list {
  padding-left: 2em;
  margin-left: 2em;
  margin-bottom: 1em;
}

.spaced-list {
  margin-bottom: 0;
}

.hyphen-list > li, .number-list > li {
  list-style: none !important;
}

ul.pull-up {
  margin-top: -2em;
}

.hyphen-list > li {
  text-indent: -1.9em;
}

.number-list > li {
  text-indent: -2.1em;
}

.spaced-list > li {
  margin-bottom: 1.5em
}

.kit-image {
  width: 100%;
  margin-bottom: 1em;
}

img.inline-left,
img.inline-right {
  width: 100%;
  display: block;
}

img.risk-image-wine-pills {
  width: 70%;
  margin: 0 auto;
}

@media screen and (min-width: 520px) {
  img.inline-left,
  img.inline-right {
    display: inline;
  }

  img.risk-image-wine-pills {
    width: 130px;
  }

  img.risk-image-needles {
    width: 200px;
  }

  img.risk-image-warning {
    width: 100px;
  }

  img.risk-image-bottles {
    width: 170px;
  }

  img.inline-left {
    float: left;
  }
  img.inline-right {
    float: right;
  }

  .risk-block-left {
    margin-left: 9em;
  }

  .risk-block-right {
    margin-right: 9em;
  }
}

.risk-block-left, .risk-block-right {
  margin-top: 1em;
}

.risk-block-left,
.risk-block-right,
img.inline-left,
img.inline-right {
  margin-bottom: 1em;
}

.risk-block-left .hyphen-list, .risk-block-right .hyphen-list {
  margin-left: 0;
}

/* line 429, ../sass/style.scss */
h1#video {
  margin-bottom: -20px;
}

/* line 431, ../sass/style.scss */
.video-download {
  display: none;
}


/*THIS IS PRESENTATION TO FLOAT THE CONTAINERS*/

.navigation {
  display: block;
  width: 325px;
  margin-right: 28px;
  float: left;
}

.role-hcp-content, .role-when-content, .role-prescription-content, .role-drug-content, .role-medical-content {
  display: block;
  width: 607px;
  margin: 0;
  float: left;
}


li.bull, li.bull-up {
  display: block;
  list-style-type: none;
  background: url(../images/global/bull-up.png) no-repeat;
  background-color: #fcdc18;
  background-position: 10px 50%;
  -webkit-transition-property: background;
 -webkit-transition-duration: 0.3s, 0.3s;
 -webkit-transition-timing-function: linear, ease-in;
}
li.bull a, li.bull-up a {
  padding-left: 40px;
}


li.bull-up {
  background: url(../images/global/bull-over.png) no-repeat;
  background-position: 10px 50%;

}

li.bull-up:hover{
  background: url(../images/global/bull-up.png) no-repeat;
  background-position: 10px 50%;
  background-color: #FCDC18;


  }

li.bull-up:hover a {
  color: #706F6F;

}


li.when, li.when-up {
  list-style-type: none;
  background: url(../images/global/sub-bull-over.png) no-repeat;
  background-position: 25px 50%;
  -webkit-transition-property: background;
 -webkit-transition-duration: 0.3s, 0.3s;
 -webkit-transition-timing-function: linear, ease-in;
}
Li.when a, li.when-up a {
  padding-left: 50px;
}


li.when:hover{
  background: url(../images/global/sub-bull-up.png) no-repeat;
  background-position: 25px 50%;
  background-color: #FCDC18;

  }

li.when:hover a {
  color: #706F6F;

}

li.when-up {
  background: url(../images/global/sub-bull-up.png) no-repeat;
  background-position: 25px 50%;
  background-color: #fcdc18;
}

li.when-up a {
  color: #706f6f;

}


#overlay-pi h1.pi {
  color: #FCDC18;
}


/* PRESCRIPTION AND USE OF PRENOXAD INJECTION - HCP */
.role-prescription-content p {
  line-height: 1.2
}
/* line 443, ../sass/style.scss */
.role-prescription-content h4,
.role-prescription-content p {
  margin-bottom: 1.5em;
}



span {
  text-decoration: none;
}

.download-item {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.download-item .download {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.download-item .download,
.download-item .label {
  margin-bottom: 0;
}

.download-item .download a {
  display: block;
}

.download-item .download img {
  width: 36px;
  max-width: none;
}

.download-item .label {
  float: left;
  font-weight: normal;
}

/* line 445, ../sass/style.scss */


   /*ul#prescription li {
   		display: block;
   		padding-bottom: 20px;

   		a {
   			color: $fontColour;
   			text-decoration: none;
   		}

   }*/
/* REFERENCES - HCP */
/* line 482, ../sass/style.scss */
ol li {
  padding-bottom: 25px;
  line-height: 25px;

}

/* WHEN AND HOW - HCP */
/* line 496, ../sass/style.scss */
.role-when-content p {
  font-size: 1.125em;
  line-height: 1.33333em;
  text-align: justify;
  padding-bottom: 15px;
}
/* line 502, ../sass/style.scss */
.role-when-content ul {
  padding-left: 20px;
}
/* line 503, ../sass/style.scss */
.role-when-content ul li {
  list-style: disc;
}
/* line 505, ../sass/style.scss */
.role-when-content ul li ul {
  padding-left: 20px;
}
/* line 508, ../sass/style.scss */
.role-when-content ul li ul li {
  list-style: circle;
}
/* line 514, ../sass/style.scss */
.role-when-content li.or {
  list-style: none;
}
/* line 516, ../sass/style.scss */
.role-when-content ol {
  padding-left: 20px;
}
/* line 518, ../sass/style.scss */
.role-when-content ol li {
  padding-bottom: 5px;
}
/* line 522, ../sass/style.scss */
.role-when-content .hcp-7 p {
  text-align: justify;
}
/* line 525, ../sass/style.scss */
.role-when-content .hcp-7 h1 {
  margin-bottom: 0px;
}
/* line 529, ../sass/style.scss */
.role-when-content .hcp-7 h3 {
  margin-bottom: 10px;
}
/* line 533, ../sass/style.scss */
.role-when-content .hcp-7 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* MAIN DIAGRAM
================================================== */
/* line 544, ../sass/style.scss */
.diag_container {
  position: relative;
  display: block;
  height: auto;
  margin: 0 auto;
  /* End of Left Side*/
  /* End of Right Side */
  overflow: auto;
  width: 100%
}

.diag {
  margin: 0 auto;
  width: 520px;
}

.hide {
  display: none;
}


.injecting-boxes {
  margin-bottom: 1em;
  width: 100%;
  overflow: auto;
}

.injecting-boxes-inner {
  position: relative;
  padding-top: 24px;
  width: 607px;
  margin: 0 auto;
}

.injecting-boxes .box {
  position: absolute;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.5px;
  text-align: center;
}
.injecting-boxes .box-1, .injecting-boxes .box-3, .injecting-boxes .box-5, .injecting-boxes .box-7, .injecting-boxes .box-9 {
  left: 20px;
}
.injecting-boxes .box-1 {
  top: 164px;
  left: 8px;
}
.injecting-boxes .box-2 {
  top: 167px;
  right: 102px;
}
.injecting-boxes .box-3 {
  top: 370px;
}
.injecting-boxes .box-4 {
  top: 370px;
  right: 114px;
}
.injecting-boxes .box-5 {
  top: 570px;
}
.injecting-boxes .box-6 {
  top: 566px;
  right: 92px;
}
.injecting-boxes .box-7 {
  top: 770px;
}
.injecting-boxes .box-8 {
  top: 737px;
  right: 30px;
}
.injecting-boxes .box-9 {
    top: 857px;
    left: 15px;
}
.injecting-boxes .box-10 {
  top: 857px;
  right: 98px;
}

.cc-link {
  margin-right: 1em;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 15px
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.emergency-icon img {
    float: left;
    width: 50px;
    margin-top: 3px;
}
.emergency-icon .text {
    padding-left: 65px;
}

.font-red {
    color: rgb(192, 0, 0);
}