#content {padding-left: 16px;}
    #content a {
        color: #34ACE8;
        font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
        text-decoration: none;
    } /* color:#34ace8; */
#content a:hover {color: #34ace8; text-decoration: underline;}
#content a[disabled]{color:#808080; text-decoration:none; cursor:default;}

#UserTypeWindow
{
   overflow: hidden;
}

.results-nav-bar-top {padding: 7px 0px; }
.results-nav-bar-top td {font-size: 12px; }
.results-nav-bar-top a {cursor: pointer;}

.results-nav-bar-bottom {padding: 7px 0px; }
.results-nav-bar-bottom td {font-size: 12px; }
.results-nav-bar-bottom a {cursor: pointer;}
.results-container {
}

.ARBFSubLogo {width:350px;}
.body_bg .ARBFSubLogo {float:left;padding:25px 0px 25px 15px;}

html {overflow-y:scroll;}
html, body {
    background-color: #fcfcfc;
    font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
}
h1 {
    font-family: expo-serif-pro,Georgia,serif;
    font-weight: 400;
    text-align: center;
    color: #005793;
    font-size: 50px;
    margin-top: 40px;
}
h2, h3, h4 {
    font-family: expo-serif-pro,Georgia,serif;
    text-align: center;
}
p {font-size: 14px;	line-height: 22px;	color: #000;}
a {
    color: #000000;
    font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
} /* color:#34ace8; */
a:hover {color: #34ace8; text-decoration: underline;}
form {
    font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
}
sup {vertical-align: baseline; position: relative; top: -0.4em;}
.header-band-table {background-color:#fff; border-bottom-color: #F5F5F5; border-bottom-width: 2px; border-bottom-style: solid; height:83px;}
.header-navigation-table {background-color:#fff; margin: 0 auto; padding: 30px 0px 25px 0px; width:875px;}
.content-table {background-color:#fcfcfc; margin: 0 auto; padding:20px 0px 10px 0px;}
.user {text-align: center; padding-top:2px; padding-bottom:3px; background-color:#fcfcfc; height:40px;}
.user img {vertical-align: top;  margin-right: 3px; width:14px;}

ul.tab {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
ul.tab li {	float: left;	vertical-align: middle;	margin-bottom: 5px;	}
ul.tab li a {display: inline-block; color:#34ace8; text-align: center; padding-bottom:14px; margin: 0px 0px 0px 20px; text-decoration: none; font-size: 16px;} 
ul.tab li a:hover {color: #34ace8; background-image:url(../images/hover-line.png); background-position: bottom; background-repeat: no-repeat;}
ul.tab li #active {color: #34ACE8; background-image:url(../images/downward-arrow.png); background-position: bottom; background-repeat: no-repeat;}
.button {
    background-color: #34ace8;
    color: #ffffff;
    border: none;
    text-align: center;
    display: inline-block;
    font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    cursor: pointer;
    vertical-align: top;
    padding: 12px 30px;
}
.button:hover {color: #ffffff; text-decoration: none;}
#quick-search-button-cell .button {margin-left:30px;}

.navigation-links{text-align: center; padding-left: 20px; padding-right: 20px; font-size: 13px;}
.sidebar-wrap {background-color: #E5E5E5; vertical-align: top; padding-bottom: 20px; }
.sidebar-content {padding-left: 15px; padding-right: 15px;}
.sidebar-content-header {font-size: 13px; font-weight: 500; line-height: 14px; margin-top: 8px;  margin-bottom:5px; padding-bottom: 3px; margin-right: 3px; color: #000000; border-bottom: solid 1px #545454;}

.RefinementSection {margin-top:10px;margin-bottom:2px; line-height:15px;}
.RefinementHeader {font-size:11px;}
.main-content {vertical-align: top; padding: 0px 0px 0px 20px;}
.quick-search-field {font-size: 16px; padding-left: 12px; width:100%; height: 41px; margin-right: 8px;}
#ellipses {margin-top: -10px; margin-bottom: 40px; font-size: 50px; text-align: center; color: #005793;}
.ad {text-align: center; padding-top: 5px;}

.book-result {margin: 20px 0px 15px 15px;}
.book-detail {padding: 0px 0px 10px 0px; }
.book-detail p {font-size: 12px; line-height: 17px; margin:3px 0px 13px 0px; padding:0px;}
#book-title {font-size: 15px; font-weight: 500; margin:0px; padding:0px;}
.footer {border-top: solid 1px #d9d9d9; padding-top: 10px; margin-top: 30px;}
    .footer p {
        font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 10px;
        color: #545454;
        text-align: left;
        line-height: 12px;
    }
.footer a {color:#34ace8 !important;}
.footer a:hover {text-decoration: underline;}

.header-navigation {background-color:#fff; margin: 0 auto; padding: 30px 0px 25px 0px;}

.keycode_text span {font-size: 10px; line-height: 14px; margin-top:10px; margin-bottom:10px;}
.lblBookGuideUserInfo, .bookguide-logout-link {font-size:11px;}
.RefinementItemList {font-size: 10px;}
.RefinementItemList a {color:#005793;}
.RefinementItemList a:hover {color: #34ace8;}
.sidebar_tab_top {padding-top:4px;}

.SubpageHeader {font-size:20px; font-weight:bold;}

.book_detail p {font-size: 12px; }
.book_detail p a {cursor: pointer;}

a[disabled]{color:#808080; text-decoration:none; cursor:default;}

#lblWelcomeNote p {Margin-Bottom:0px;}

.header-navigation-table a {
    color: #34ace8;
    font-family: proxima-nova,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
} 
.header-navigation-table a:hover {color: #34ace8; text-decoration: underline;}
.usertypewindow-form {width:600px;}
.body-footer-table {width:900px;}

#quick-search-button-cell {width:142px;} /*This width is the size of the search button AND the sum of the padding, border and margin width for the quick search button field.*/

.sub-nav-links {Padding-Left:5px;}
#quick-search-field {padding-bottom:12px;}
.quick-search-text {line-height:15px; font-size:12px;}

.hlHome {float:left;}

.cover-image-table p {font-size: 12px; line-height: 17px; margin: 3px 0px 13px 0px; padding: 0px; width:60px;}
.book-cover-image {width:75px; height:100px;}
.no-quiz-available-image {width:40px; height:60px;}

.detail-table {padding-top:15px;}
.book-detail-amazon {padding-bottom:10px;text-align:left;}
.book-detail-bookbag {padding-left:10px;padding-bottom:10px;}

.main-table {width:100%;}

.seperator {padding:5px 0px; height:1px;}

.divLegend {
    height: 10px;
    margin-left: 370px;
    margin-top: 5px;
    position: absolute;
}

.ISBNNotFound {padding-left: 12px;}
.titletable {margin-top: 10px;}

.CustomHeaderImage {background-image: url('/images/About-us-header-image.jpg');width: 100%;height: 480px;background-size: cover;background-repeat: no-repeat;padding-top: -100px;}
.WelcomeNewToARBF {Padding-top:30px;}
.QuickSearchNewToARBF {Padding-top:20px;}

#noti_Container {
    position: relative; /* This is crucial for the absolutely positioned element */
    /*width: 16px;
    height: 16px;
        */
}

.noti_bubble {
    position: absolute; /* This breaks the div from the normal HTML document. */
    top: 10px;
    right: 10px;
    padding: 1px 2px 1px 2px;
    background-color: red; /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 0.75em;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
}

#cookie-notice {
    display: block;
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    line-height: 20px;
    left: 0;
    text-align: center;
    background-color: rgb(84,84,84);
    color: rgb(255,255,255);
}

.cn-bottom {
    bottom: 0;
}

.cookie-notice-container {
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.cn-button {
    margin-left: 10px;
    padding: 2px 10px;
    font-size: 12px;
}


.loader {
    position:absolute;
    left:50%;
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #545454; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1.25s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ticker-container {
    margin: 10px auto;
    width: 60%;
    max-width: 72rem;
    padding: 10px;
    background-color: hsl(240deg 18% 17%);
    color: white;
    border-radius: 10px;
}

    .ticker-container h5 {
        line-height: 1.333;
        margin: 0 0 0.5rem 0;
        font-size: 0.85rem;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .ticker-container h4 {
        line-height: 1.333;
        margin: 0 0 0.5rem 0;
        font-size: 1.25rem;
        font-weight: 600;
        text-align: center;
    }

    .ticker-container h3 {
        line-height: 1.333;
        margin: 0 0 0.25rem 0;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .ticker-container p {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
        text-align: center;
        color: hsl(91,55.2%,64.1%);
    }

.ticker-flex-box {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    line-height: 1.333;
}

.standard-grid-2 {
    grid-gap: 2rem;
    max-width: 54rem;
    box-sizing: border-box;
    display: grid;
    margin: 1.5rem auto 0 auto;
    grid-template-columns: repeat(2,46%);
}

.product-block {
    margin: 1rem 0;
    box-sizing: border-box;
    padding: 0;
    vertical-align: baseline;
}

/*
.tab{
font-size: 0; 
    text-align: justify;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;}

.tab:after {
content: 'abc';
    display: inline-block;
    width: 100%;
    height: 0;

}

.tab li
{
    display: inline-block;
    font-size: 1rem; 

   margin-bottom: 5px;
}
*/