@import url('/css/Global'); 
/* general styles */
body {
    background-color: #ffffff;
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 1.2;
    margin: 0;
}

a, a:visited, a:link, a:focus {
    color: #b62b30;
    text-decoration: none;
}

a:hover {
    color: #5d5d5d;
}

p { 
    color: #4f4f4f;
    line-height: 1.5em;
    margin: 8px 0;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}

h1 {
    line-height: 50px;
    color: #4F4F4F;
    font-size: 1.5em;
    display: block;
    font-weight: bold;
}

.container {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.banner.wrapper .container {
    height: 100px;
    }
    
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.visuallyhidden {
    display: none;
    }
    
.right {
    float: right;
    }
.left {
    float: left;
    }

.header.wrapper, .main.wrapper {
    background-color: #FFF;
    }
    
/* end general styles */

/* Header & Banner */
.banner.wrapper {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #e2e2e2;
    margin: 0 auto;
    }

.banner.wrapper > .container > .logo, .footer.wrapper .top .left {
    max-height: 60px;
}

.banner .container {  
    background-image: url("/img/ash/bannerbg.jpg");
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.logo { 
   height: 100%;
   padding: 20px 0 10px;
   width: 49%;
   display: inline-block; }

.logo a, .logo a:active, .logo a:hover, .logo a:link, .logo a:focus {
    color: transparent;
}
body.logo .banner.wrapper .container {
    max-width:100%;
}   
body.logo { width:100%; }
body.logo .banner.wrapper .container .logo {
    max-height: 80px;
    padding:10px;
    width:100%;
    box-sizing:border-box;
    text-align:left;
}
.bloodSlogan {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    max-width: 325px;
    padding-left: 15px;
    padding-top: 13px;
}

.logo.blood {
    display: inline-block;
    width: 23%;
}

.blood70 {
    display: inline-block;
    height: 100px;
    margin-left: 30%;
}

.blood70 img {
    height: 100%;
}

@media (max-width: 640px) {
    .logo img {
        width: 100%;
    }

    .footer.wrapper {
        display: none;
    }
}

.clientNavigation ul {
    padding: 0;
    list-style-type: none;
    }
    
.clientNavigation ul li a {
    color: #b62b30!important;
    font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
}

/* end Header & Banner */

/* Main Content */
.content.wrapper {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    }
.main.wrapper .container .content, .content.wrapper {
    padding: 30px 25px 25px 10px;
    }
    
.main.wrapper h1 {
    font-size: 1.5rem;
    }

/* end Main Content */


input[type="submit"], input[type="button"], button, .button, a.button, a.button:visited, a.button:link, a.button:focus{
	 color: #fff;
    box-shadow: 1px 1px 1px #c0c0c0;    
    background: rgb(210,68,71); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(210,68,71,1) 0%, rgba(182,43,48,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,68,71,1)), color-stop(100%,rgba(182,43,48,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(210,68,71,1) 0%,rgba(182,43,48,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(210,68,71,1) 0%,rgba(182,43,48,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(210,68,71,1) 0%,rgba(182,43,48,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(210,68,71,1) 0%,rgba(182,43,48,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d24447', endColorstr='#b62b30',GradientType=0 ); /* IE6-9 */
    padding: 7px 12px;
    border-style:solid;
    border-width:1px;
    border-color:#A42629;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: normal;
  font-style: italic;
  color: #FFF;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover, a.button:hover {
	 background: rgb(191,45,48); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(191,45,48,1) 0%, rgba(143,33,36,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,45,48,1)), color-stop(100%,rgba(143,33,36,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(191,45,48,1) 0%,rgba(143,33,36,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(191,45,48,1) 0%,rgba(143,33,36,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(191,45,48,1) 0%,rgba(143,33,36,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(191,45,48,1) 0%,rgba(143,33,36,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2d30', endColorstr='#8f2124',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-style:solid;
    border-width:1px;
    border-color:#8F2124;
    color: #FFF;
}

.note {
	font-size: .75rem;
	font-style: italic;
}
.callout {
	border: solid 2px #e0e0e0;
	background-color: #fdf7f7;
	padding: .5em .25em;
}

.page .container {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}