/* Myanmar3 font */
@font-face {
    font-family:'Myanmar3';
    src:local('Myanmar3'), url('fonts/myanmar3.woff') format('woff'), url('fonts/myanmar3.ttf') format('ttf');
    }
    
    /* Increase default font size */
    body {
        font-size: 14px;
        color: black;
    }


    
    a, a:visited {
        
        text-decoration: underline;
    }
    
    /* Styles for a product with and image and a "Download" button */
    .extra-product-image {
        max-width: 100%;
    }
    
    .download-button {
      text-decoration: none;
      margin-top:10px;
    }
    
    
    header {
        background: #f3f3f3;
    }
    header .logo {
        padding-top: 0;
        position: absolute;
        left: 7px; /* logo has drop-shadow on left, tweak for left-edge visual alignment */
        z-index: 1040;
    }
    header .logo img {
        margin-top: -8px;
        z-index: 1040;
    }
    header .logo {
        display: none;
    }
    
    header.topheader {
        background: #FBF1E1;
		
    }

@media (max-width:922px) {
	header.topheader{
			position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
}


    /* Concern America styles */
    
    .breadcrumb-image {
        max-width: 100%;
    }
    
	/* make youtube embed mobile friendly *

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

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

    /* category tree list appearance */
    
    @media (max-width: 767px) {
    nav li.level-1 a {
        line-height: 200%;
        font-size: 125%;
    }
    }
       .navbar {
        background: none;
        border-bottom: none;
        border-top: 1px solid #ffde87;
        text-transform: none;
        font-size: 17px;
        font-family: Helvetica,Arial,sans-serif;
    }
 
    
    /* Main Menu */
    .navbar .nav li {
        transition-duration: .25s;
    }
    
    @media (max-width: 767px) { /* Mobile */
    .navbar .nav > li.level-1 > a,
    .navbar .nav li.level-1 {
        color: #6E2815 !important;
        text-align: left;
        border-bottom: 1px solid;
		display: inline-block;
	
    }
    
    /*
    .navbar .nav:hover > li.level-1 > a
    {
        color: white !important;
    }
    .navbar .nav:hover > li.level-1 > a:hover {
        color: #6E2815 !important; 
    }*/
    /* white text on black background for hover */
    .navbar .nav > li.level-1:hover > a
    {
        color: white !important;
    }
    .navbar .nav:hover > li.level-1 > a:hover {
        background-color: white;
        color: black !important; /* Hover color */
		
    }
	
    
    .navbar .nav:hover li.level-2:hover {
        background-color: white;
        color: black !important; /* Hover color */
    }
    
    .navbar .nav:hover li.level-2:hover a{
        color: black !important; /* Hover color */
    }
    
    
    
    .navbar .nav > li.level-2 > a,
    .navbar .nav li.level-2 {
        text-align: left;
        border: 1px solid gray;
    }
    
    .navbar .nav li a {
        text-decoration: none;
    }
    .navbar .nav li a:hover {
        color: #6E2815 !important;
    }
    
    .navbar .nav li:hover {
        background-color: #333333;
    }
    }
    
    
    @media (min-width: 768px) {
    .navbar {
        margin-bottom: 5px;
    }
    
    .navbar .nav li:hover ul {
        border: none;
        background-color: #FFFDF8; /*#EEEEF0;*/
		
    }
    
    
    .navbar .nav {
        border-left-width: 0;
        line-height: 17px;
		
    }
    
    .navbar .nav li {
        border-right-width: 0;
        font-weight: bold;
        color: #6e2815;
		
    }
    
    .navbar .nav li.level-1 {
        font-weight: bold;
		
    }
    
    .navbar .nav li.level-1 > ul {
        box-shadow: 1px 1px 2px 1px darkgray;
		display: inline-block;
		
    }
    
    
    .navbar .nav a {
        text-decoration: none;
    }
    
    .navbar .nav > li > a {	
        color: #6e2815 !important;
    }
    
    .navbar .nav ul > li.level-2 {
        text-align: left;
	
    }
    .navbar .nav ul > li.level-2  a {	
        color: black !important;
    }
    
    
    .navbar .nav li.level-1:hover > a {
        color: #FFFDF8 !important;
    }
    .navbar .nav li.level-1:hover {
        color: #FFFDF8 !important;
        background-color: #99240D; /* Background color for active menu header */
    }
    
    .navbar .nav li.level-2 {
        color: #7c7c7b;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar .nav li.level-2:first-child {
        padding-top: 10px;
    }
    .navbar .nav li.level-2:last-child {
        padding-bottom: 10px;
    }
    
    .navbar .nav li.level-2:hover a {
        color: #89898c !important;
    }
    
    .navbar .nav li.level-2:hover {
        color: #89898c !important;
        background-color: #f0f0f2; /* hover color for dropdowns */
    }
    
    
    } /* min-width: 768px */
    
    .icon-bar {
        background-color: #6e2815 !important;
    }
    .menuText {
        color: #6e2815 !important;
    }
    
    /* links in navs */
   #nav > li > a {
    
	display: inline-block;
    padding: 7px 40px; 
    color: #0179bf;
    font-style: normal;
    background-color: #FFFFFF;
    text-align: left;
	margin-bottom: 3px; /* Adjust the margin as needed */
    width: 228px; /* Adjust the width as needed */
    padding: 10px;
	border: 10px;
}
    
#nav>li>a:hover{
	
color:black;	
}
    
    @media screen and (min-width: 768px) {
		 
    header {
       background: #fafafa url(../../graphics/00000005/bg_header.png) repeat;
    }
    header .logo {
      display: inline;  
    }
    header .mobile-logo {
        display: none;
    }
    header.btmheader {
        display: block;
    }
    .navbar .container {
        padding-left: 200px;
    }
    }
    
    @media screen and (min-width: 768px) and (max-width: 750px) {
    header .logo img {
        margin-top: -10px;
    }
    }
    
    /* Drop down line-spacing within item fix */
    .horizontal-drop-down li.level-2, .navigation-widget li.level-1 {
    line-height: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
		  
    }
    
    .breadcrumb {
        background: white;
    }
    
    /* Breadcrumbs not down in sub-rows need some margin to align with the logo */
    .top-level-breadcrumb {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    /* button overrides */
    .btn-primary, .item-details .button a {
        background-color: #0389F7;
        border-radius: 4px;
    }
    
    a.checkout-button.btn {
        background-color: white;
        color: #057713 !important; /* style.css insists !important */
    }
    /* header tag override */
    h1, h2, h3, h4, h5, h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
        color: black;
    }
    
    /* Product Lists */
    
    /* one click add to cart button */
    .one-click-add-default-values {
        display: none;
    }
    
    /* "More Info" and "Add to Cart" row */
    .item-buttons {
        margin-top: 10px;
    }
    .item-buttons > * {
        display: inline-block;
        margin-right: 10px;
    }
    
    .item-buttons button {
        min-width: 105px;
        font-size: 14px !important;
    }
    
    .item-button.more-info {
        border-color: #0179BF;
        color: #0179BF;
    }
    
    .img-items {
        display:block;
        height:auto;
        width:100%;
		padding-bottom:10px;
    }
    
    #filter-items-container button, #filter-items-container select {
        color: #6e311f;
    }
    
    #filter-items-container .paging-navigation {
        display: inline-block;
        padding-top: 2px;
    }
    
    #filter-items-container .paging-navigation > * {
        display: inline-block;
    }
    
    /* Re-enable bootstrap styling */
    #filter-items-container .paging-navigation .dropdown-toggle {
        background: #FFF !important;
    }
    
    #filter-items-container .paging-navigation ul li {
        list-style-type: none;
    }
    
    #filter-items-container .paging-navigation a {
        text-decoration: none;
        transition: background 0s;
    }
    
    /* Paging controls (prev 1 2 ... 8 0 next) */
    /*
    .paging a:visited {
        color:inherit;
    }
    */
    
    .paging {
        float: right;
        width: auto;
    }
    
    .paging .page-links-previous, .paging .page-links-next {
        background-color: inherit;
        border: none;
    }
    
    .product-main .product-images {
        margin-top: 12px;
    }
    
    .product-attributes {
        margin-bottom: 5px;
    }
    
    .product-attributes .field select {
        min-width: 110px;
    }
    .product-attributes label {
        white-space: nowrap;
    }
    
    .product-attributes .product-quantity-value > * {
        display: inline-block;
    }
    #product-quantity {
        width: 50px;
    }
    .product-quantity-value button {
        float: right;
        width: inherit;
    }
    
    .basket-count > span {
        display: inline !important;
    }
    
    /* At the break, the Add to Cart button breaks to next line. Adjust so label is near value */
    @media (min-width: 768px) and (max-width: 750px) {
    .product-quantity-label {
        vertical-align: top;
    }
    
    }
    
    
    #filter-items-container {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .paging-controls {
        padding-top: 2px;
    }
    
    .paging-controls > * {
        display: inline-block;
    }
    
    /* Fix width for .form-line elements */
    .per-page {
        width: 122px;
    }
    .sorting {
        width: 220px;
    }
    
    /* On Windows Chrome , #pages gets cut-off in select */
    #filter-items-container #Per_Page, #filter-items-container #Sort_By {
        padding-right: 10px;
        padding-left: 10px;
    }
    
    
    @media (min-width: 768px) {
    .paging-controls {
        float: right;
    }
    
    }
    
    /* Product page Show More */
    
    .hhg-show-more {
      cursor: pointer;
      color: #c54227;
    }
    
    .hhg-show-more .non-collapse-text {
        display: inherit;
    }
    
    .hhg-show-more .collapse-text {
        display: none;
    }
    
    .hhg-show-more.collapsed .non-collapse-text {
        display: none;
    }
    
    .hhg-show-more.collapsed .collapse-text {
        display: inherit;
    }
    
    /* Shopping Cart */
    
    .table.tcart {
        background-color: #EFEFEF;
    }
    @media (max-width: 768px) {
    .table-responsive > .table.tcart > tbody > tr > td {
        white-space: normal;
    }
    }
    
    .table-responsive > .table.tcart {
        border-collapse: separate;
    }
    
    .table-responsive > .table.tcart thead > tr > th {
        border: 0;
    }
    
    .table-responsive > .table.tcart tbody > tr > td {
        border: 0;
    }
    
    #basket-content-table-wrapper {
        max-height: 500px;
        overflow-y: auto;
    }
    
    #basket-content-table {
        width: 100%;
    }
    #opc-form #basket-contents td p.item-name {
        width: 100%;
    }
    #basket-content-table .item-quantity,
    #basket-content-table .item-price,
    #basket-content-table .item-total {
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
    }
    
    #basket-totals-addendum {
        width: 100%;
    }
    .formatted-charge {
        padding-right: 4px;
    }
    
    #basket-footer {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    #basket-footer div#basket-totals {
        border: 0;
    }
    
/* Featured Products list */
.row-category-item {
    margin: 1em 0em 1em 0em;
    padding: 0.5em;
    background-color: #FFFFFF;
    border-bottom: 6px solid #F0A82C; /* Add a border at the bottom */
}



.row-category-item .item-details {
    padding: 1em;
}

.row-category-item .item-image {
    padding-left: 0px;
}

.row-category-item .item-details h2 a {
    color: black;
}
    
    /* "Join Us" appeal email signup dismissible header */
    header .hlinks a {
        text-transform: uppercase;
    }
    .large-appeal {
    }
    .container-appeal {
        background-color: #09386A;
    }
    
    /* Main header element */
    .appeal {
        color: white;
        font-weight: bold;
        padding: 8px;
    }
    
    /* The email form */
    .signup-form {
        width: 255px;
        padding-right: 5px;
        padding-top: 5px;
    }
    
    /* Close boxes used in the appeal */
    .appeal .appeal-close {
      background-color: white;
      width: 30px;
      height: 30px;
      text-align: center;
      font-size: 18px;
      line-height: 1.428571429;
      border-radius: 15px;
      border: 1px solid white;
      margin: 4px;
    }
    
    /* toggle button for appeal in header */
    header.topheader .hlinks.hlinks-left {
        text-align: left; 
    }
     header .hlinks a:hover {
color:#f0a82c;		 
}
    /* Styling the email input and adjoining join button */
    .signup-form input.form-control{
            border-right:none;
            border-radius: 5px 0 0 5px;
            -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        }
    
    .signup-form .btn {
        height: 34px;
        border-radius: 0px 5px 5px 0px;
    }
    
    /* xs only shorter wording */
    #small-appeal {
        font-size: 150%;
        padding-bottom: 20px;
    }
    
    /* Differential sizing of elements */
    @media (min-width: 480px) {
    .signup-form {
        width: 70%;
    }
    }
    
    @media (min-width: 768px) {
    .signup-form {
        width: 100%;
    }
    
    }
    /* End: "Join Us" appeal */
    
    /* Footer */
    footer {
        background-color: #09386b;
        color: white;
    }
    
    footer .widget h5 {
        color: white;
    }
    
    footer li a, footer li a:visited {
        text-decoration: none;
        color: white;
    }
    
    footer li a:hover {
        color: #f99106;
        text-decoration: none;
    }
    
    
    footer hr {
        display: none;
    }
    /* Clear the float of the address icon in the next li */
    footer .contact-widget li#address + li {
        clear: both;
    }
    
    /* Footer Signup form */
    .footer-signup-form {
        margin-top: 15px;
    }
    /* End: Footer Signup form */
    
    .social {
        font-size:20px;
    }
    .social i {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    
    .social i.facebook {
        background-color: white;
        color: #3C5B9B;
    }
    .social i.facebook:hover {
        background-color: #3C5B9B;
        color: white;
    }
    .social i.twitter {
        background-color: white;
        color: #2DAAE1;
    }
    .social i.twitter:hover {
        background-color: #2DAAE1;
        color: white;
    }
    .social i.youtube {
        background-color: white;
        color: #B00;
    }
    .social i.youtube:hover {
        background-color: #B00;
        color: white;
    }
    .social i.linkedin {
        color: #0173B2;
        background-color: white;
    }
    .social i.linkedin:hover {
        background-color: #0173B2;
        color: white;
    }
    
    .contact-widget i {
        font-size: 200%;
    }
    
    /* Hide on phone portrait */
    @media (max-width: 360px) {
    .hidden-xxs {
        display: none!important;
    }
    }
    
    /* .tight-row to reduce the gutter between bootstrap columns */
    .tight-row > div:nth-last-child(1n+2){
      padding-right: 5px;
    }
    
    .tight-row > div:nth-child(1n+2){
      padding-left: 5px;
    }
    
    /* category lists */
    
    /* style.css sets width to 100%, perhaps for a carousel, but it
    makes images elsewhere (e.g. in the related product list in a product page) squashed */
    .category-item .item-image img.img-responsive {
        width: auto!important;
    }
    
    /* Override white border around image - makes it seem unrelated to item-details */
    .category-item .item-image {
        border: none;
        height: 150px; /* same as max height - so it's even */
    }
    
    .category-item .item-details .button {
        display: none; /* Remove redundant and ugly button */
    }
    
    /* Remove shadowy box effect which tml hates */
    .category-item .item-image {
        box-shadow: none;
    }
    
    .category-item .item-image:hover {
        box-shadow: none;
    }
    
    /* Misc classes */
    .fancy-quote {
        font-family: 'Courgette', cursive;
        font-weight: normal;
        font-size: 18px;
    }
    
    #mobile-header > a > img {
        height: 56px;
    }
    
    #mobile-header {
      text-align: left;
    }
        
    #mobile-home-link {
      display: inline-block;
      vertical-align: middle;
    }
    #mobile-home-link a h2 {
        color: white;
    }
    
    #mobile-header .logo-name {
        font-size: 16px;
    }
    
    .hero_image-col, .donate_hero_image {
        padding-top: 0px;
        width: 101.2%; /* Extra room to right for vertical copyright */
    }


@media only screen and (max-width: 922px) {
  .hero_image-col, .donate_hero_image {
    padding-top: 73px !important;
  }
}

    /* Donation page (DON_HOME) */
    
    /* donation header */
    .donate_hero_image img {
        width: 100%;
    }
    
    .donate-text {
        margin-top:.5em;
    }
    
    /* Donation items */
    
    .wrapping-product-button {
        border: none;
        border-radius: 10px;
        overflow: hidden;
        background-color: #FFFF;
        margin-bottom: 5px;
        text-decoration: none;
        width: 100%;
    }
    .wrapping-product-button:hover {
        background-color: #fcf2d8;
    }
    
    .wrapping-product-button .product-details {
        padding-right: 10px;
    }
    
    .wrapping-product-button .product-image img {
        min-width: 100%;
    }
    
    /* Disable focus ring - it's outset because of neg. margin for .row. The button does have other :focus feedback */
    .product-item .wrapping-product-button:focus {
        outline: none;
    }
    
    .product-item * {
        font-size: 13px !important;
    }
    
    
    /* Product name. Font size has been !important by style.css */
    .donation-product-list .product-title {
        font-size: 150% !important;
    }
    
    @media (max-width: 767px) {
    .wrapping-product-button .product-name {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 5px;
        white-space: normal;
    }
    
    .wrapping-product-button {
        margin-top: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        border-bottom: 1px solid lightgray;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .donation-product-list {
        margin-top: 10px;
    }
    }
    
    @media (min-width: 768px) {
    .wrapping-product-button {
        margin-bottom: 15px;
    }
    
    /* Product name. Font size has been !important by style.css */
    .donation-product-list .product-title {
        font-size: 125% !important;
    }
     
    
    .donation-product-list {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .donation-product-list .product-image {
        height: 200px;
        overflow: hidden;
    }
    
    /* bootstrap .btn has nowrap - we want flow */
    .donation-product-list .wrapping-product-button.btn {
        white-space: inherit;
        padding: 0px;
    }
    
    .donation-category-name {
      padding-left: 10px;
      margin-left: 5px;
      margin-bottom: 10px
    }
    
    .donation-product-list .padding {
        padding-bottom: 10px;
    }
    
    
    
    .donation-product-list .product-details {
        text-align: left;
    }
    
    .product-outer > .product-thumbnail  {
        padding-right: 0px;
    }
    
    .donation-product-list .product-thumbnail img {
        /*height: 100%;*/
    }
    
    .wrapping-product-button .product-title {
        text-decoration: underline;
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
        font-weight: 600;
        margin-bottom: 6px;
    }
    
    .donation-product-list .product-name {
        line-height: 1.4;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .wrapping-product-button:hover .product-button {
        color:black;
    }
    
    .wrapping-product-button:active .product-button {
        border: 1px solid;
    }
    
    .donation-product-list .product-button {
        padding: 4px;
        background-color: #52B052;
    }
    
    }
    
    @media screen and (min-width: 768px) {
    
    .donation-product-list .padding {
        min-height: 200px;
    }
    
    .donation-product-list .product-button {
        position: absolute;
        bottom: 10px;
        right: 25px;
    }
    
    }
    
    /* Category tree template */
    
    /* We put headings for groups of categories */
    .cattree-heading {
        text-align: left;
        padding: 7px;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        background-color: white;
        color: #40301D;
        border-bottom: 1px solid #B8B7B7;
	   	width:auto;
		
    }
    
    /* Leave some room under the main section for the product in the PROD page,
        for when the category tree etc. wraps below it in small form factors.
    */
    
    .ShortDesc {
        word-wrap: break-word;
    }
    .items-main {
        margin-bottom: 20px;
    }

a:hover{
color:black;	
}
    div.item-short-desc > p {
        padding-bottom: 9px;
    }
    
    div.ShortDesc > p {
        padding-bottom: 9px;
    }
    
    /* Everything but the breadcrumbs need some whitespace on the right */
    .items-main > *:nth-child(1n+1) {
        padding-right: 20px;
		background-color:white;
    }
    
    @media (max-width: 767px) {
    .row-category-item .item-details .item-short-desc {
        display: none;
    }
    
    /* Center image over items */
    .row-category-item > * {
        text-align: center;
        padding-right: 0px;
    }
    
    .row-category-item .item-image {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #filter-items-container .paging-navigation {
        margin-bottom: 9px;
    }
    
    #filter-items-container .paging-controls > * {
        margin-bottom: 6px;
    }
    .row-category-item:first-child {
        margin-top: 0px;
    }
    }
    
    /* Related Products */
    
    .related-products-item {
      background-color: #FFFFFF;
      background-clip: content-box;
		;
    }
    
    .related-products-item .category-item {
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDD;
        min-height: 100px;
		text-align: left;
    }
    
    .related-products-item .category-item .item-image {
       
    }
    
    .related-products-item .category-item .item-details h5 a {
        color: #09386B;
        font-style: normal;
        padding: 0px 7px 0px 7px;
    }
    
    .related-products-footer {
        text-align: center;
    }
    
    .related-products-footer .item-details {
        background-color: #FFFFFF;
        margin-top: 20px;
        padding: 10px;	
		margin-bottom:20px;
    }
    
    .related-products-footer a {
        color: #09386B;
        font-style: normal;
    }
    
    /* web font hooks */
    .hhg-lang-Burmese {
        font-family:Myanmar3;
        word-break: break-all;
        word-wrap: break-word;
    }
    
    /* Basket dropdown / count */
    header .basket-count {
        font-size: 20px; /* Set the text size */	
		color:white;
    }
    
    header .basket-count [class^="icon-"] {
        font-size: 28px; /* Bigger icons than default 18px */
    }
    
    header .hlinks a.basket-count:hover {
        color: white;
    }
    
    /* Hide item price in details lists */
    .item-details .item-price {
        display: none;
    }
    
    .copy a, .copy a:visited {
        color: white;
        text-decoration: none;
    }
    
    .copy a:hover {
        color: #F99106;
        text-decoration: none;
    }
    
    /* One page checkout styling */
    .opc-container .opc-section h2 {
        color: white;
        background-color: #0153AA;
        border: 1px solid #D9D9D9;
        border-radius: .3px;
        min-height: 30px;
    }
    
    .opc-container .opc-section h2 {
        font-size: 1.3em !important;
    }
    
    .opc-container .opc-section h2 .donation-amount-text {
        font-size: 1.0em !important;
    }
    
    .opc .opc-container, .opc .opc-container {
        background-color: transparent;
        padding-top: 0px;
    }
    
    .opc-container > .row {
        background-color: white;
        padding: 15px;
		
    }


@media (max-width: 922px) {
  .opc-container > .row {
    background-color: white;
    padding: 15px;
    margin-top: 30px;
  }
}
    
    .opc-buttons > * {
        display: inline-block;
    }
    
    .continue-shopping-button a {
        border-color: transparent;
    }
    
    a.btn.complete-order-button,
    .continue-button .cta-button,
    .continue-button a.cta-button {
        background-color: #0179bf;
        color: white !important;
    }
    
    .continue-shopping-button a:focus {
        border-color: black;
    }
    
    a.btn.complete-order-button:focus,
    .continue-button .cta-button:focus,
    .continue-button a.cta-button:focus {
        border-color: black;
    }
    
    
    
    #basket-contents .update-button {
            color: #C54227 !important;
    }
    #basket-contents .update-button:hover {
            color: #920F00 !important;
    }
    
    /* Donate by check in OOPC2 */
    
    #donate-by-check {
        border: 1px solid gray;
        padding: 6px;
        margin-top: 40px;
    }
    
    .donation-payable {
        padding-top: 6px;
    }
    
    /* Form fields in OOPC and OOPC2 */
    
    #opc-form label.label-required, #opc-form #payment-fields label.label-required {
        font-weight: bold;
    }
    
    #opc-form label.label-required:before {
        content: "* ";
    }
    
    /* Continue button and message */
    .continue-button input:disabled {
        border: 1px solid gray;
    }
    
    .payment-message.PayPalCompletion {
        font-weight: bold;
        color: red;
    }
    
    /* Donation Amount in OOPC2 */
    #product #amount-container .amount-radio-buttons label {
        font-weight: bold;
        background-color: #EFEFEF;
        color: #000;
    }
    #product #amount-container .amount-radio-buttons label:hover {
        background-color: #BDBDBD;
        color: #000000;
    }
    
    #product #amount-container .amount-radio-buttons label:active {
        background-color: #979797;
        color: #000000;
    }
    
    #product #amount-container .amount-radio-buttons input[type="radio"]:checked + label {
        background-color: #BDBDBD;
        color: #000000;
    }
    
    #other_amount + [name=my_amt] {
        color: gray;
    }
    
    #other_amount:checked + [name=my_amt] {
        color: black;
    }
    
    #product #amount-container #other_amount_text {
        width: 80px;
    }
    @media (min-width: 1001px) {
    #product #amount-container #other_amount_text {
        width: 110px;
    }
    }
    .add-donation {
        color: black;
        margin-left: 15px;
        padding-top: 7px;
        padding-bottom: 8px;
    }
    
    
    /* Hide Checkout OOPC */
    #JS_OOPC .btn.checkout-button {
        display: none !important;
    }
    
    /* Hide cart and Checkout button in OOPC2 */
    #JS_OOPC2 .search-row .hlinks {
        visibility: hidden;
    }
    
    /* Hide paypal in oopc2 - buggy on release */

    #JS_OOPC2 #PaymentMethod option[value="paypalpro:PPAL_OCST"] {
        display: none;
    }
    
    
    .content.search-empty #filter-items-line {
        float: right;
    }
    #empty-search-content {
        margin-left: 5px;
        margin-right: 5px;
    }



    
    #JS_OOPC  #shipping, #JS_OOPC #bill-to {
        display: inherit !important;
    }
    
    #opc-form #shipping label {
        padding-left: 5px;
        width: auto;
    }
    
    #shipping #ShippingMethod {
        width: auto;
        max-width: 100%;
    }
    
    #donation_type-frequency {
        margin-top: 8px;
    }
    
    /* Wrap the buttons when small */
    @media (max-width: 767px) {
    #amount-container {
        display:block;
    }
    #amount-container td {
        display:inline-block;
    }
    }
    
    #product label[for="other_amount"] {
        font-weight: bold;
        padding-top: 6px;
    }
    
    /* In honor of form */
    #InHonorForm {
        overflow: hidden;
    }
    #InHonorForm.None {
        max-height: 0;
        -webkit-transition: max-height 0.2s;
        -moz-transition: max-height 0.2s;
        transition: max-height 0.2s
    }
    
    #InHonorForm.In-Memory {
        max-height: 10000px;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        transition: max-height 0.8s;
    }
    
    #InHonorForm.In-Honor {
        max-height: 10000px;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        transition: max-height 0.8s;
    }
    
    #InHonorForm .honor-only {
        overflow: hidden;
    }
    #InHonorForm.In-Memory .honor-only {
        max-height: 0;
    }
    
    #opc-form .donation_type_entry label,
    #opc-form #donation_type-frequency label
    {
        float: none;
        text-align: left;
        white-space: normal;
        width: inherit;
        margin-left:20px;
        text-indent: -20px
    }
    
    #opc-form .donation_type_entry input,
    #opc-form #donation_type-frequency input {
        margin-right: 5px;
    }
    
    
    #opc-form #notes_row .textarea,
    #opc-form #coupon_row .textarea {
        width:100%;
    }
    
    #password_hint {
        margin: 10px;
        font-weight: bold;
    }
    
    #external-header {
        padding-left: 15px;
    }
    
    #JS_OOPC #opc-form #basket-contents {
        display: inherit;
    }
    
     #basket-contents .item-cont .item-discount {
        font-size: 11px !important;
        line-height: 120%;
    }
    
     #basket-contents .item-cont .item-discount ~ * {
        font-size: 11px !important;
        line-height: 100%;
    }
    
    #opc-form .small-link {
        color: white;
    }
    
    #coupon-trigger {
        padding-left:10px;
    }
    
    #coupon-message.has-content {
        margin-bottom: 12px;
    }
    
    /* Donation info lists */
    .faq-list-types dd {
        margin-bottom: 12px;
    }
    .content .faq-list-sections h1 {
        font-size: 32px;
        margin-top: 20px;	
        margin-bottom: 8px;	
    }
    
    .content .faq-list-sections h2 {
        margin-top: 6px;	
    }
    
    
    
    /* Promo Images */
    .promo .pbox img {
        border: none;
    }
    
    /* INVC (invoice & thank you) */
    body.INVC .items > .container {
        background-color: white;
    }
    
    .table .name-row {
        word-wrap: break-word;
    }
    
    @media(min-width: 765px) {
    #basket-contents > .container {
      padding-right: 60px;
    }
    }
    
    /* print styling */
    
    /* Remove ugly printed urls from bootstrap */
    @media print {
      a[href]:after {
        content: none;
      }
      #JS_INVC header, #JS_INVC footer {
          display: none !important;
      }
    }
    
    /* Bootstrap Notify */
    .notifications {
      position: fixed;
      z-index: 9999;
    }
    
    /* Positioning */ 
    .notifications.top-right {
      right: 10px;
      top: 138px;
    }
    
    .notifications.top-left {
      left: 10px;
      top: 25px;
    }
    
    .notifications.bottom-left {
      left: 10px;
      bottom: 25px;
    }
    
    .notifications.bottom-right {
      right: 10px;
      bottom: 25px;
    }
    
    /* Notification Element */
    .notifications > div {
      position: relative;
      margin: 5px 0px;
    }
    /* Custom */
    .notifications .alert {
        background-color: orange;
        color: white;
    }
    /* End Bootstrap Notify */

.main-content {
background: white;
}