body {padding:0;margin:0;font-family: Arial, sans-serif; font-size:18px;}
.clear {clear:both;}
#header {background:url("/sites/all/themes/arc2014_mobile/images/arc-mobile-header-bg.png") repeat-x 0 0;text-align:center; font-size:9px;padding:3px 0;}
#footer {text-align:center;font-size:0.9em;line-height:2.0em;margin-top:10px;}
#logo {float:left;}
#phone {font-size:0.9em;font-weight:bold;float:right;line-height:1em;text-align:right;}
#footer-phone{background:#979797;color:#fff;padding:20px 0;font-weight:bold;font-size:2em;}
#footer-phone a {color:#fff; text-decoration: none;}
#main {clear:both;margin:5px auto;padding:0px 0px;max-width:640px;}
.mobile-banner img {margin:0 auto;display:block;}
.mobile-finder {margin-top:1px;background:#9a996e; font-size:0.8em;}
.mobile-finder form {width:80%;padding:5px 0;margin:0 auto;}
.mobile-finder form p {font-weight:bold;color:#fff;line-height:15px;}
.mobile-finder span {color:#fff;}
.mobile-finder input.find {background:#003359; height:20px; color:#fff;border:none;font-family: Arial, sans-serif;text-transform:uppercase;  -webkit-border-radius: 2px;  -webkit-appearance: none;}
.donation-process img {float:left;display:inline;}
.donation-process table {margin:0 auto;}
.mobile-facts {margin:0 auto;}
h1 {font-size:18px;}
h2 {border-bottom:#ddd 3px solid;font-size:14px;color:#023457;margin:0px 0 15px 0;}
h3 {font-size:12px;font-weight:bold;color:#023457;margin:0 0 15px 0;}
.content img {display:block;margin:0 auto;}
.content div.sixteen-yr-finder img {display: inline; float:left;}
.mobile-video iframe {margin:0 auto;display:block;}
#main #content #content-area table,p {margin:0;}

hr {background:#a3a3a3; height:1px;border:none; margin:5px 0;}
.mobile-video {margin:5px 0;}
ul.mobile-nav, ul.mobile-nav li {list-style:none;margin:0;padding:0;}
ul.mobile-nav li {background:#eee;margin:1px 0;}

ul.mobile-nav li a {color:#000;font-weight:bold;font-size:14px;text-decoration:none;display:block;padding:15px 10px;background:url("/sites/all/themes/arc2009_mobile/images/btn_next_blue.gif") no-repeat 5px right;}

.mobile-drive {margin:5px 0;border:1px #ccc solid;-moz-border-radius: 10px; border-radius: 10px;font-size:0.85em;}

.mobile-drive .open-label {}
.mobile-drive .closed-label {background:none;}
.mobile-drive .drive-label {padding:5px;}
.mobile-drive .drive-label h3{margin:5px 0;}
.mobile-drive .drive-label .icon {float:right;background:url("/sites/all/themes/arc2009_mobile/images/redarrow.png") no-repeat top right;width:16px;}
.mobile-drive .open-label .icon {float:right;background:url("/sites/all/themes/arc2009_mobile/images/redarrow_down.png") no-repeat top right;width:16px;}
.mobile-drive .drive-info {padding:10px;margin:0;background:#F8F8F8 ;-moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;-moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;border-top:1px #ccc solid;}
.mobile-drive .blood-drive-procedures {margin:10px 0;}
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.4em;
}
.pager-current {
  font-weight:bold;
}
#webform-client-form-1115396 input.form-text, #webform-client-form-1115396 textarea.form-textarea  {width:100%; height:28px;}/*280px*/
/* Survey Pop-up styles */
#bld-survey{
	background: #ffffff;
	background-clip: padding-box;
	min-width: 280px;
	max-width: 300px;
	position: relative;
	top: 35%;
	z-index: 9999;
	border: rgba(33,33,33,0.75) 10px solid;
	border-radius: 5px;
	font-family: arial;
	font-size: 16px;
	margin: 40px auto;
	padding: 20px;
}
#bld-survey .logo{
	float: right;
	height: 90px;
	margin: 10px 0 10px 10px;
}
#bld-survey h2{
	color: #333333;
	font-size: 30px;
	line-height: 34px;
	margin: 0;
	padding: 0;
}
#bld-survey p{
	color: #666666;
	margin: 15px 0;
}
#bld-survey p.btns{
	margin-bottom: 0;
}
#bld-survey a{
	color: #1479BE;
	display: block;
	text-decoration: none;
	margin: 10px 0;	
}
#bld-survey a.left{
	float: left;
}
#bld-survey a:hover{
	text-decoration: underline;
}
#bld-survey a.start-btn{
	width: 150px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background: #024274;
	border-radius: 10px;
	padding: 10px 15px;
	margin: 10px auto;
}
#bld-survey a.start-btn:hover{
	background: #64A0C8;
	text-decoration: none;
}
#bld-survey a.no-btn{	
	clear: both;
	font-size: 14px;
	text-align: center;
}




/* HOME PAGE */

.mobile_main_menu_2014, .mobile_user_menu_2014 {
 display:inline-block;
    padding:0 5px;
}
    
.mobile_red_bar {
    min-height:5px;
    width:100%;
    background:#eb2736;
}
    
.mobile_wrapper {
    padding:0 10px;
}
    
#phone {
    padding-top:10px;
}
    
.footer_white {
    background:#fff;
    padding:5px 0px;
-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
}
    

#footer-links a {
    background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
border:1px solid #cbcbcb;
border-radius:5px;
padding:15px 40px;
margin:5px;
display:inline-block;
    color:#336699;
    text-decoration:none;
    font-size:16px;

}

@media only screen and (max-width: 507px) {
    .mobile_main_menu_2014 img {
        width:42px;
    }
    .mobile_user_menu_2014 img {
        width:42px;
    }
    #logo-image {
        width:150px;
    }
    
    #footer-links a {
        padding:5px 15px;
    }
    
}
    
 .mobile-menu {
  width: auto;
  position: relative;
  padding: 0;
  height: 50px;
  line-height: 50px;
  /* disable text selection by clicking */
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.mobile-menu a.dropdown-link{
  display: block;
  color: #FFFFFF;
  font-size: 20px;
  cursor: pointer;
}

.mobile-menu a.dropdown-link:hover{
	text-decoration: none;
}
.mobile-menu a.dropdown-link i{
	float: right;
	position: relative;
	top: 15px;
}

.mobile-dropdown {
  display: none;
  list-style-type: none;
  padding: 0;
  min-width: 125px;
  position: relative;
  z-index: 100;
  margin: 0;
}

.mobile-dropdown li{
  padding: 0;
  height: auto;
  border-bottom:1px solid #bb0707;
}

.mobile-dropdown li a{
  padding: 0;
  color: #FFFFFF;
  display: block;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  text-decoration: none;
}

.mobile-dropdown li a:hover{
  text-decoration: none;
  background: #bb0707;
  min-height:32px;
}


ul.no_bullet {
    list-style-type:none;
    padding:0;
    margin:0;
}

li.textlink{
    background:url('/sites/all/themes/arc2014_mobile/images/textlink.png')no-repeat left top;
     min-height:17px;
    height:auto;
    padding-left:22px;
    padding-top:0px;
}

.mobile_banner_2014 {
    background:url('/sites/all/themes//arc2014_mobile/images/a_spot.jpg') no-repeat bottom center;
    background-size:cover;
    height:150px;
    width:100%;
}


.mobile_summer_2014 {
    background:url('/sites/all/themes//arc2014_mobile/images/summer/aspot.jpg') no-repeat center center;
    background-size:contain;
    height:180px;
    width:100%;
}
    
.mobile_blood_drive h2 {
    border:none;
    color:#ff0033;
    font-size:40px;
    margin:0;
    padding:0;
    font-weight:bold;
}

.mobile_blood_drive h4 {
    margin:0;
    padding:0;
}
    
.slidertitle {
    border:none;
    color:black;
    font-size:26px;
    margin:0;
    padding:0;
    font-weight:bold;
}
    
.mobile_home_menu {
    width:100%;
    
}

.mobile_home_menu ul {
    padding:0;
    margin:0;
}
    
.mobile_home_menu ul li {
    list-style:none;
    background:url('/sites/all/themes/arc2014_mobile/images/home_menu_bg.jpg') no-repeat;
    height:73px;
    border-top: 1px #cccccc dashed;
    line-height:16px;
}

.m1 {
    border-bottom: 1px #cccccc dashed;
}
.ml {
    border-bottom: 1px #cccccc dashed;
}
    
.mobile_home_menu ul a li  {
    display:block;
    color:#336699;
    font-size:20px;
    text-decoration:none;
}
    
.mobile_home_menu ul a li img {
    float:right;
    padding-top:10px;
    padding-right:30px;
    width:60px;
}
    
.mobile_home_menu ul a li span {
    padding-top:33px;
    padding-left:35px;
    display:inline-block;
    
}
    

.mobile_content {
    padding:0 30px;
}
    input[type="tel"] {
        border:2px solid #cbcbcb;
        padding:23px 25px;
        width:45%;
        color:#000;
        font-size:16px;
    }

    input[type="text"] {
        border: 2px solid #cbcbcb;
        padding: 23px 25px;
        width: 45%;
        color: #000;
        font-size: 16px;
    } 
   
    .find {
      /*border: none;
      background: url('/sites/all/themes/arc2014_mobile/images/submit_btn.png') no-repeat left top;*/
      width:120px;
      height:69px;
      cursor: pointer;
      padding:29px;
        
    }

.find {
  text-align:center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
    background: #f53244; /* Old browsers */
  background: -moz-linear-gradient(top,  #f53244 0%, #d31622 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f53244), color-stop(100%,#d31622)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f53244 0%,#d31622 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f53244 0%,#d31622 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53244', endColorstr='#d31622',GradientType=0 ); /* IE6-9 */
    line-height:11px;
    color:#fff;
    border:none;
    font-size:18px;
    font-weight: 800;
    background:#d31622 url('/sites/all/themes/arc2014_mobile/images/btn_arrow.png')no-repeat 85% 50%;
}




    
        @media only screen and (max-width: 507px) {
        .mobile_blood_drive h2 {
            font-size:28px;
        }
        }
@media only screen and (max-width: 401px) {
        .mobile_blood_drive form h2 {
            font-size:19px;
        }

        .mobile_blood_drive h4 {
          font-size:14px;
          padding:10px 0;
        }

        .mobile_content h2 {
          font-size:21px;
        }
    .mobile_home_menu ul a li  img {
        width:30px;
        padding-top:25px;
    }
      .find {
                /*background: url('/sites/all/themes/arc2014_mobile/images/submit_btn_small.png') no-repeat left top;*/
          width:60px;
          height:37px;
          padding:12px 0px;
          font-size:12px;
          line-height:14px;
      }
    
    input[type="tel"] {
        padding:7px 15px;
        width:55%;
        color:#000;
        font-size:14px;
    }

    input[type="text"] {
        padding: 7px 15px;
        width: 55%;
        color: #000;
        font-size: 14px;
    }    
}


/* DEFAULT TEMPLATE */
h1 {
    padding-top:15px;
    font-size:38px;
    margin-bottom:0px;
    font-size:1.57143em;
    color:#d01;
    font-weight:bold;
    font-family:'standard_ctextra_bold', Arial, Helvetica, sans-serif;
}
    
h2 {
    padding-top:10px;
    font-size:24px;
    color:#000;
    padding-bottom:10px;
}

p {
padding:10px 0px;
}
    
.mwrap {
    padding:0 25px;
}
    
.content ul.no_bullets {
    list-style-type:none;
    padding:0;
    margin:0;
}
    
.content li.checkmark{
    background: url('/sites/all/themes/arc2014_mobile/images/checkmark.png')no-repeat left top;
    height:auto;
    min-height:60px;
    padding-left:70px;
    padding-top:0px;
}

    
.bottom_cta {
    margin:0 auto;
    text-align:center;
}

.bottom_cta p {
    text-align:left;
}
    
.bottom_cta a .button {
    text-align:center;
    border-radius: 10px;
    background: #f53244; /* Old browsers */
  background: -moz-linear-gradient(top,  #f53244 0%, #d31622 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f53244), color-stop(100%,#d31622)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f53244 0%,#d31622 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f53244 0%,#d31622 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53244', endColorstr='#d31622',GradientType=0 ); /* IE6-9 */
    display:block;
    padding:20px 25px;
    color:#fff;
    border:none;
    font-size:18px;
    font-weight: 800;
    background:#d31622 url('/sites/all/themes/arc2014_mobile/images/btn_arrow.png')no-repeat 85% 50%;
    margin-top:20px;
    margin-bottom:30px;
}
    
table {
    border-collapse:separate;
}

iframe{
  width:100%;
  margin-bottom:20px;
  height:200px;
  height:315px;
}

@media only screen and (max-width:410px) {

  iframe {
    height:208px;
  }

}

    
.section_links ul {
 list-style:none;
    margin:0;
    padding:0;
}

.section_links ul li {
 padding:30px 15px;
 margin:5px 0;
 background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/more_menu_btn.png')no-repeat 95% 50%;
 font-size:15px;
}
    
    @media only screen and (max-width: 401px) { 
        h1 {
            font-size:1.57143em;
        }
}    

.section_link_text{
  padding-bottom:20px;
}

h3.expand {
      padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    min-height: 30px;
    cursor: pointer;
    color: #336699;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 18px;
    padding:30px 15px;
 margin:5px 0;
 background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/down_menu_btn.png')no-repeat 95% 50%;
 height:auto;
}

/* LOGIN PAGE */

.page-m-account-login h1 {
  margin-left:15px;
  margin-bottom:14px;
}

.other_logins li a img {
  width:6%;
}

.ac-container{
    max-width:640px;
    width:100%;
    margin:0 auto;
}    
    
    a {
         color: #336699; 
        text-transform: none;
        text-decoration:none;
    }
    
    a img {
        vertical-align: middle;
    }
    
    .ac-container .main_button{
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #336699;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    padding:20px 15px;
 margin:5px 0;
 background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/plus_menu_btn.png')no-repeat 95% 50%;

}
    
    .ac-container .main_button:hover{
        background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/min_menu_btn.png')no-repeat 95% 50%;
    }
    
    .ac-container input:checked + .main_button,
.ac-container input:checked + .main_button:hover{
    background: #c6e1ec;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
     background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/min_menu_btn.png')no-repeat 95% 50%;
}
    
    
    .ac-container .main_button:hover:after,
.ac-container .main_button:checked + .main_button:hover:after{

 background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/min_menu_btn.png')no-repeat 95% 50%;

}
    
    
    .ac-container input:checked + label:hover:after{
    background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/min_menu_btn.png')no-repeat 95% 50%;
}
    
    .ac-container input[type="checkbox"]{
    display: none;
}
    
    .ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    padding:0 10px;
        margin:0 2px;
    z-index: 10;
    transition:
    height 0.3s ease-in-out,
    box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
    transition:
        height 0.5s ease-in-out,
        box-shadow 0.1s linear;
    border:1px solid #eee;
}
    
    .ac-container article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 10px 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
    
    .ac-container article input[type="text"], .ac-container article input[type="password"] {
        border:solid 1px #cbcbcb;
        padding:10px 15px;
        width:90%;
        margin:10px 0px;
    }
    
    .ac-container input:checked ~ article.ac-small{
    height:750px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
    height: 600px;
}
    
    
.btn_sb {
    text-align:center;
    border-radius: 10px;
    background: #f53244; /* Old browsers */
background: -moz-linear-gradient(top,  #f53244 0%, #d31622 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f53244), color-stop(100%,#d31622)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f53244 0%,#d31622 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f53244 0%,#d31622 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53244', endColorstr='#d31622',GradientType=0 ); /* IE6-9 */
width:99%;
    display:block;
    padding:20px 25px;
    color:#fff;
    border:none;
    font-size:18px;
    font-weight: 800;
    background:#d31622 url('/sites/all/themes/arc2014_mobile/images/btn_arrow.png')no-repeat 85% 50%;
}
    
    
    
.other_logins ul {
 list-style:none;
    margin:0;
    padding:0;
}

.other_logins ul li {
 padding:20px 15px;
 margin:5px 0;
 background:#f1f1f1 url('/sites/all/themes/arc2014_mobile/images/more_menu_btn.png')no-repeat 95% 50%;
}
    
.link-in-link {
    position: relative;
    z-index: 5;
}
    
.other_logins ul li a {
    z-index 4;
    position: relative;
}
    

@media only screen and (max-width: 401px) { 
        .btn_sb {
            font-size:12px;
        }
}    


/* FORMS*/

.node-type-webform .content {
  margin-left:30px;
  width:87%;
}

.page-m-contact-us ul.links {
  width:87%;
  margin-left:30px;
}

 input#edit-submit {
   text-align:center;
    border-radius: 10px;
    background: #f53244; /* Old browsers */
  background: -moz-linear-gradient(top,  #f53244 0%, #d31622 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f53244), color-stop(100%,#d31622)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f53244 0%,#d31622 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f53244 0%,#d31622 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f53244 0%,#d31622 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53244', endColorstr='#d31622',GradientType=0 ); /* IE6-9 */
    display:block;
    padding:20px 25px;
    color:#fff;
    border:none;
    font-size:18px;
    font-weight: 800;
    background:#d31622 url('/sites/all/themes/arc2014_mobile/images/btn_arrow.png')no-repeat 85% 50%;
    margin-top:30px;
    margin-bottom:25px;
    width:100%;
}

.form-item input {
  width:100%;
  min-width:250px;
  height:28px;
}

.form-item select{
  width:100%;
  min-width:250px;
  height:42px;
}

.form-item textarea {
  width:100%;
  min-width:250px;
}

.textarea-identifier {
  display:none;
}

/* Specific page changes */

.page-m-about-donate-blood .bottom_cta p{
  padding-bottom:10px;
}

#expanding h3 a{
  display:block;
  width:90%;
  line-height:20px;
  padding-top:5px;
}


/* TABS */

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav li.tab-current a {
	color: #f1f1f1;
}

.tabs nav a:focus {
	outline: none;
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 0.5em 0.3em;
}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section p {
	margin: 0;
    text-align:left;
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}
.tabs-style-bar nav {
	background: rgba(40,44,42,0.05);
}

.tabs-style-bar nav ul {
	border: 4px solid transparent;
}


.tabs-style-bar nav ul li a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 1em;
}

.tabs-style-topline {
	max-width: 1200px;
}

.tabs-style-topline nav li {
	border: 1px solid rgba(40,44,42,0.1);
}

.tabs-style-topline nav li:not(:last-child) {
	border-right: none;
}

.tabs-style-topline nav li.tab-current {
	border-top-color: #eb2736;
	border-bottom: none;
}

.tabs-style-topline nav a {
	padding: 0.65em 0 0.5em;
	background: rgba(40,44,42,0.05);
	color: #336699;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    text-decoration: none;
    font-size:20px;
}

.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
	color: #000;
}

.tabs-style-topline nav li.tab-current a {
	background: none;
	box-shadow: inset 0 3px 0 #eb2736;
	color: #000;
}

.tabs-style-topline .icon::before {
	display: block;
	margin: 0;
}

.tabs-style-topline nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

/* Mobile Facts */
.mobile-facts-content{
  position: relative;
}
/* Slider */
#slider {
  width:334px;
  overflow:hidden;
  margin: 20px auto 40px;
}
#slider ul, #slider li {
  margin:0;
  padding:0;
  list-style:none;
}
#slider li {
  width:334px;
  overflow:hidden;
}
#slider li.slide a {
  display: block;
  text-align: center;
}
#slider li.slide a img{ 
  max-width: 100% !important;
  height: auto !important;
}
#prevBtn, #nextBtn {
  display:block;
  width:50px;
  height:50px;
  position:absolute;
  top:15%;
  text-align:center
}
#prevBtn{
  left: 0;
}
#nextBtn {
  right: 0;
  text-align:center
}
#prevBtn a, #nextBtn a {
  display:block;
  width:50px;
  height:77px;
  text-indent:-9999px;
  background:url(/img/btn_prev_bg_red.png) no-repeat 0 0
}
#nextBtn a {
  background:url(/img/btn_next_bg_red.png) no-repeat 0 0
}
#prevBtn a:hover, #nextBtn a:hover {
  display:block;
  width:50px;
  height:77px;
  background:url(/img/btn_prev_bg_blue.gif) no-repeat 0 0
}
#nextBtn a:hover {
  background:url(/img/btn_next_bg_blue.gif) no-repeat 0 0
}
span#prevBtn.graphic, #prevBtn, #nextBtn {
  text-indent:20px
}

/* Blood Facts Slider */
#node-137 #slider{
  width: 310px;
  margin: 20px 0;
}
#node-137 #slider li {
  width: 310px;
}
#node-137 #prevBtn{
  left: -12px;
}
#node-137 #nextBtn {
  right: -12px;
}

/* Blood Types */
.potentialBloodTypes{
  width: 100%;
  padding: 0;
  margin: 15px 0; 
}
.potentialBloodTypes table{
  padding: 0;
  margin: 0;
}
.btmHdr{
  display :none;
}
@media only screen and (max-width: 400px) { 
  .clmHdr{
    display: none;
  }
  .btmHdr{
    width: 75%;
    text-align: right;
    display: block;
    margin: 0 auto;
  }
}
