﻿body {
    min-width: 345px;
}

.col-centered {
    margin: 0 auto;
    float: none;
}
.width-200 {
    width: 200px;
}
.create-account {
    background-color: #fcf9f9;
}
.footnote {
    font-style: italic;
    font-size: 14px;
}
.setAddress, .newAddress {
    display: none;
    margin-top: 10px;
}
.control-value {
    text-align: left;
    margin-bottom: 0;
    padding-top: 5px;
}
#wizardDiv .control-label {
    padding-top: 5px;
}
#wizardDiv table tr:nth-child(2) td:first-child:nth-last-child(1) {
    text-align: right;
}
#wizardDiv table tr:nth-child(2) td:nth-last-child(2),
#wizardDiv table tr td:nth-last-child(1) ~ td {
    text-align: left;
}
a.more {
    font-size: 9pt;
    cursor: pointer;
    display: none;
}
.description_holder {
    position: relative;
}
div.error {
    margin-top: 5px;
}
.glyphicon-large {
    font-size: 4em;
}
.fadeout {
    position: absolute; 
    bottom: 0em;
    width:100%;
    height: 4em;
    display: none;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 
div.description_holder {
    overflow-y: hidden;
    display: block;
    margin-bottom: 10px;
}
fieldset {
    background: inherit;
}
.control-group {
    margin-bottom: 0px;
    margin-left: -15px;
    margin-right: -15px;
}
.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    content: " ";
    display: table;
}
.moreTxt {
    display: none;
}

.nav-12{
    font-size: 12pt !important;
}
.store-table{border: none;}
div.featuredProduct{
    margin-top: 5px;
}
th, td {
    border: none !important;
}
.top_product_header {
    color: gray;
    font-size: 11px;
}
div.productDescription {
    margin-top: 5px;
    font-size: 10pt;
}
div.productDescription h1{
    font-weight: bold;
    padding-bottom: 10px;
}
#main-content a {
    color: #336699;
}
#main-content a.btn-default {
    color:#333;
}
#main-content a.btn-primary, #main-content a.btn-primary:hover {
    color: #FFFFFF;
}
.checkout {
    background-color: #3289b8;
}
.location {
    font-size: 10pt;
}
#pnlLocation {
    display: inline;
}
.d-inline {
    display: inline;
}
#main-content a:hover {
    color: #cc0000;
}
#sidebar {
    font-size: 10pt;
    margin-top: 5px;
}
.QuantityRequested {
    display: inline !important;
}
.signin {
    margin-bottom: 5px;
}
.signinbutton {
    width: 100%;
}
.signinbutton:hover {
    border: 1px solid #444;
    background-color: #FFFFFF;
}
.lineHeight2 {
    vertical-align: middle !important;
    padding: 4px 8px !important;
}
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.price {
    font-weight: bold;
    color: #cc0000 !important;
    padding: 0;
}
.sortDropDown {
    width: 100%;
}
.rightbox {
    text-align: center;
}
.navbar-site .navbar-site-info .navbar-nav>li>a {
    font-size: 11px;
}
.navbar-site .wordmark-unit-title {
    font-weight: bold;
    font-size: 22px;
}
.navbar-site {
    border-bottom: 4px solid #F1BE48;
}
.productContainer {
    font-size: 12pt;
}
.groupContainer {
    min-height: 400px;
    display: table;
}
.sidebar {
    padding: 0;
}
#sidebar {
    margin-top: 0;
}
#sidebar .panel {
    margin-top: 5px;
}
.thumbImg {
    width: 100%;
}
.featuredDescription, .product_description {
    font-size: 11pt;
}
.product_title {
    font-size: 16pt;
    font-weight: bold;
}
.description {
    font-size: 11pt !important;
}
.gvEditionsHeader {
    border-bottom: 1px solid #d5d1d1;
    margin-bottom: 5px;
}
.gvEditions .btn {
    width: 100px;
}
.ProductEditions {
    background-position: center;
    padding: 0 3px 3px 3px;
    font-size: 11pt;
    border: 1px solid #f4ba4c;
}
.edition-header, .edition-header:before, .edition-header:after {
    clear: both;
}
.edition-header:before, .edition-header:after {
    content: " ";
    display: block;
}
.edition-header {
    font-weight: bold;
    padding: 5px 0;
}
.edition-header div:nth-child(2) {
    text-align: center;
}
.ProductEditions {
    margin-top: 10px;
}
.ProductEditions .editions-group {
    border-top: 1px #d5d1d1 solid;
    margin: 0 15px;
    padding: 5px 0;
}
.ProductEditions .editions-group div.edition-label {
    padding-top: 7px;
    padding-left: 0;
}
.editions-group div:first-child {
    text-align: left;
}
.editions-group div {
    text-align: right;
    padding-right: 0;
}
#lnkCreateAccount img {
    max-width: 100%;
}
.PopupBody{
    font-size: 14pt;
    padding: 0 !important;
}
.PopupBody.panel-primary {
    border-color: #c00 !important;
}
.PopupBody.panel-primary .panel-heading {
    background-color: #c00 !important;
    border-color: #c00 !important;
}
.PopupBody .btn {
    height: 50px;
    width: 100%;
}

.vAlignMid {
    vertical-align: middle;
}
.shoppingCart {
    font-size: 12pt;
}
.shoppingCartDiv {
    margin: 10px 0 20px 0;
}
.shoppingCart td {
    vertical-align: middle;
}
.shoppingCart .RowStyle {
    border-bottom: 1px solid #d5d1d1;
}
.shoppingCart .itemTemplate {
    border-bottom: 1px solid #d5d1d1;
    padding: 10px;
    display: flex;
    align-items: center;
}
.related-item {
    max-width: 100%;
}
.related-item .description_holder {
    overflow: hidden;
}
.pad15 .col-md-8 {
    overflow: hidden;
}
.itemHeaderTemplate {
    font-size: 10pt;
    border-bottom: .5px dotted #ededed;
    letter-spacing: 2px;
}

.strike-through {
    text-decoration: line-through;
}
.totalLine {
    display: block;
    text-align: right;
    clear: both;
}
.totalLine > div > div > div {
    display: inline;
}
.inline-control {
    display: inline !important;
}

.shoppingBtn {
    padding-left: 5px;
}
.center-button {
    display: block;
    margin: 0 auto;
    float: none;
    height: 40px;
    width: 33.3333333%;
}
.navButtons {
    margin-bottom: 5px;
}
table {
    margin-bottom: 0;
}

.shoppingCart tr:first-child {
    font-size: 12pt;
}
.navbar-menu-wrapper .container {
    margin-top: 0;
}

#floatingSummary {
    width: 250px;
    position: absolute;
    top: 15px;
    right: -250px;
}

#floatingSummary .col-md-8, #floatingSummary .col-md-4 {
    padding: 2px 0;
}
#floatingSummary .total {
    font-weight: bold;
    border-top: 1px solid #cacaca;
    color: #000000;
    font-size: 14pt;
}
#subTotalView {
    display: none;
    border-bottom: 1px solid #d5d1d1 !important;
    padding: 5px 5px 15px 5px;
    line-height: 34px;
}
.emptyCart {
    padding: 20px 0 50px 0;
}

#intramural div.single-line input {
    display: inline-block;
    margin-left: 5px;
}

#wizardDiv #floatingSummary {
    width: 100%;
    position: inherit;
    top: 0;
    right: 0;
    border: none;
}

#wizardDiv #floatingSummary .panel-heading {
        display: none;
}
#wizardDiv #floatingSummary .total {
    padding-right: 0 !important;
}
#wizardDiv #floatingSummary .row > div {
    display: inline-block;
}
#wizardDiv #floatingSummary .col-md-8 {
    width: 66.66667%
}
#wizardDiv #floatingSummary .col-md-4 {
    width: 33.33333%
}
#wizardDiv .floatingCheckout {
    display: none;
}

#ucHeader_testDBMessage {
    background-color: #cc0000;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18pt;
    font-family: Arial;
}

ul.completed, li.completed:before {
    background-color: #8bc53f !important;
}
li.completed {
    z-index: 999;
}

.AfterCheckout {
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    border: none !important;
}
.AfterCheckout .panel-heading {
    display: none;
}
.AfterCheckout .total {
    padding-right: 0 !important;
}
.AfterCheckout .row > div {
    display: inline-block;
}
.AfterCheckout .col-md-8 {
    width: 66.66667%
}
.AfterCheckout .col-md-4 {
    width: 33.33333%
}
.price-box {
    clear: both;
} 
.relatedProducts .product_title {
    font-size: 10pt;
}
.relatedProducts {
    height: 320px;
}
.relatedProducts .col-md-4 {
    margin-bottom: 10px;
}
.relatedProducts .thumbImg {
    max-width: 60%;
    max-height: 200px;
    width: auto;
    height: auto;
}
.relatedImg {
    text-align: center;
}
.related-item {
    cursor: pointer;
}
.relatedProducts:hover {
    border-color: #adadad;
    box-shadow: 0 5px 5px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.05);
    background-color: #fefefe;
}
.relatedProducts a:hover {
    text-decoration: none;
    color: #336699 !important;
}
.referenceLabel {
    font-size: 8pt;
}
.related-price-box {
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.jumbo-label {
    font-size: 35px;
    font-weight: 500;
}
.related-item > div {
    text-align: center;
}
.related-price-box > span {
    text-align: center;
    display: inline;
    font-size: 18px;
    padding-bottom: 5px;
}
.related-top-content {
    max-height: 300px;
}
.related-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}
.display-table {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.buy-options-title {
    font-size: 14px;
    color: #ddd;
    float: right;
}
select.optionSelect option:disabled {
    background-color: #ddd;
}
.pad15 h1 {
    margin-bottom: 10px;
}
.product_author {
    display: block;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1680px) {
    #floatingSummary {
        width: 100%;
        position: inherit;
        top: 0;
        right: 0;
        border: none;
    }
    #floatingSummary .panel-heading {
        display: none;
    }
    #floatingSummary .row > div {
        display: inline-block;
    }
    #floatingSummary .col-md-8 {
        width: 66.66667%
    }
    #floatingSummary .col-md-4 {
        width: 33.33333%
    }
    .floatingCheckout {
        display: none;
    }

}
@media only screen and (max-width: 1200px) {
    .nav-12 {
        font-size: 9pt !important;
    }
    .create-account{
        font-size: 9pt;
        padding-right: 35px;
    }
    .navbar-site-info {
        width: 50%;
    }
}
@media only screen and (max-width: 992px) {
    .editions-group .col-md-5, .edition-header .col-md-5 {
        width: 41.66667%;
    }
    .editions-group .col-md-2, .edition-header .col-md-2 {
        width: 16.66667%;
    }
    .editions-group div, .edition-header div {
        float: left;
    }
    .row {
        width: 100%;
    }
    .itemTemplate > div {
        text-align: center;
    }
    .edition-header div:first-child {
        text-align: left;
    }
    #subTotalView {
        display: block;
    }
    .checkout1 {
        display: none;
    }
    .navbar-site {
        padding-bottom: 16px;
    }
    #divBreadCrumb {
        float: none !important;
    }
    .AvailableInventory {
        display: block;
        position: inherit;
        top: inherit;
        right: inherit;
        width: inherit;
        z-index: inherit;

    }
    .wordmark-unit-title {
        text-align: left !important;
    }
    .navbar-site .wordmark-isu {
        margin: 0;
    }

    .thumbImg {
        max-width: 50%;
    }
    .navbar-site-info {
        width: 100%;
        text-align: center !important;
    }
    div#navbar-site-search-collapse {
        margin: 15px 5px 0 5px;
    }
    .p-img {
        text-align: center;
    }
    .product_description {
        text-align: left;
    }
}
@media only screen and (max-width: 770px) {
    div.related-item {
        width: 100%;
    }
}
@media only screen and (max-width: 700px) {
    #divBreadCrumb ol {
        background: none;
    }
    #divBreadCrumb li {
        padding: 5px !important;
        margin-left: 0px;
        margin-right: 15px;
        line-height: 15px;
    }

    .breadcrumb-arrow {
        height: auto !important;
    }
    #divBreadCrumb a {
        background: none;
        border: none;
        padding: 0;
        font-size: 12px;
        color: #336699 !important;
        line-height: 15px;
    }
    #divBreadCrumb a:after {
        content: " > ";
    }
    #divBreadCrumb a:hover {
        color: #336699 !important;
        text-decoration: underline;
    }
    #divBreadCrumb {
        font-size: 12px;
        margin: 0 !important;
        padding: 0 !important;
    }
    #divBreadCrumb a:before, #divBreadCrumb a:after {
        border: none;
    }

}
@media only screen and (max-width: 450px) {
    .editions-group div:last-child {
        float: none;
    }
    .editions-group div[class*='col-md-'] {
        width: 100%;
        text-align: center;
        padding: 5px 0;
    }
    .ProductEditions div.editions-group:first-child {
        border: none;
    }
    .edition-header {
        display: none;
    }
    a.product_title {
        font-size: 12pt;
    }
}


.totalLine > div > div:first-child {
    float: left;
}
.navButtons {
    margin-top: 5px;
}

.totalLine > div{
    padding: 4px 0;
    color: gray;
}
.totalLine .total {
    margin-top: 10px;
    font-size: 14pt;
    font-weight: bold;
    color: black !important;
}
.totalLine > div > div:first-child {
    font-weight: bold;
}
.totalLine .col-md-4 {
    padding-right: 5px;
}
.d-inline-block {
    display: inline-block;
}
.columns {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    /* -webkit-column-count: 2; */
    /* -webkit-column-gap: 10px; */
    column-count: 2;
    column-gap: 10px;
}
.columns > .col-md-6 {
    width: 100%;
}
.container {
    margin-top: 10px;
}
.setAddress tr {
    border-bottom: 1px solid #d5d1d1;
}
.setAddress tr:first-child {
    border-top: 1px solid #d5d1d1;
}
.setAddress input.btn {
    margin-bottom: 5px;
}

.breadCrumbClass {
    color: #930C0A;
    font-family: Helvetica, sans-serif;
    font-size: 17px !important;
    font-weight: normal !important;
    margin-left: 15px;
}
.pad15 {
    padding: 15px;
}
#divBreadCrumb {
    margin: 5px 0;
    color: #444;
}
.rightbox img{
    max-width: 190px;
    margin-bottom: 10px;
}
.rightbox.alternate {
    background-color: whitesmoke;
}
a.category {
    display: block;
}
div.social {
    padding: 5px;
    float: left;
}
div.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
}

.section_header .breadCrumbClass{
    width: 100%;
    font-size: 18pt !important;
}

#pnlAdmin {
    display: none;
}


.topicMenu {
    font-size: 8pt;
}
#sidebar h2 {
    margin-top: 10px !important;
    font-size: 12pt !important;
}
.topicMenu .section_header {
    font-size: 14pt;
    margin-top: 20px;
    border-bottom: 1px solid #cacaca
}
.topicMenu ul {
    list-style: none;
    margin: 0px;
    padding: 0 0 4px 0;
}

.topicMenu td {
    padding: 4px 0;
}
.topicList img {
    max-width: 200px;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #f5f5f5;
}
.breadcrumb-arrow {
    margin: 10px 0 10px 0 !important;
    
}
li.active {
    padding-left: 30px;
    color: #444 !important;
    padding-top: 1px;
}
.breadcrumb-arrow a {
    color: #444 !important;
    font-size: 17px;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #444 !important;
    text-decoration: none;
    background-color: #cacaca;
    border: 1px solid #cacaca
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #cacaca;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid gray
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: gray;
    border: 1px solid gray;
    color: #FFFFFF !important;
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: gray
}
.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be;
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #2494be
}
.breadcrumb-arrow li span {
    color: #434a54
}
footer, footer a {
    background-color: #333;
    color: #d3d3d3;
    font-size: 14px;
}
footer a {
    text-decoration: underline;
}
footer a:hover {
    color: #fff
}
footer .row:hover {
    background-color: inherit;
}
.footer-social a:before {
    color: inherit;
}
.footer-social a {
    text-decoration: none;
}
.navbar-iastate .container {
    margin-top: 0;
}
.navbar-site .container {
    margin-top: 0;
}
a.productPreview {
    text-decoration: none;
}
div.productContainer a.productImage, div.featuredProduct a.productImage {
    max-width: 266px;
}
div.productContainer a.productImage img, div.featuredProduct a.productImage img {
    width: 100%;
}