/*body {
  font-size:12pt
}*/

h1 {
    font-size: 20pt !important;
    /*    color: red !important*/
}

h2 {
    font-size: 18pt !important
}

h3 {
    font-size: 16pt !important
}

h4 {
    font-size: 14pt !important
}

img {
    border: none;
    max-width: 100%;
    height: auto
}

.colBox {
    padding: 2px 2px 2px 2px;
}

/*the code below fix the blue link on phone number on iOS*/
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

#dMenu {
    /*background-color:#eeeeee;*/
}

    #dMenu li {
        text-align: left;
    }

    #dMenu a {
        /*color:white*/
    }

    #dMenu .dropdown-menu {
        /*background-color:#eeeeee;*/
    }

        #dMenu .dropdown-menu a:hover {
            background-color: #c0c0c0;
        }

#dFooter {
    background-color: #3690c7;
    text-align: center
}

.buttonholder {
    width: 575px;
    margin: 0 auto;
}

.box {
}

.mobile_table {
    border: solid 1px #000080;
}

    .mobile_table table {
        width: 100%
    }

    .mobile_table caption {
        background-color: #DEDBDB;
        font-weight: bold;
        text-align: left;
        padding: 3px
    }

    .mobile_table td {
        padding: 3px
    }

    .mobile_table thead {
        background-color: #f2decc;
        font-weight: bold;
        text-align: center;
    }

    .mobile_table tfoot {
        background-color: #F4CDCD;
        font-weight: bold;
        text-align: right;
        white-space: nowrap
    }

/*--------- shipping cart footer ------*/
.cartFooter td {
    padding: 2px;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    background-color: #eaeaea;
    white-space: nowrap;
}
/*--------- /shipping cart footer ------*/

.navPathBar {
    margin-top: 1px !important;
    margin-bottom: 5px !important
}

/*--------- category icon and text ------*/
.categoryIcon {
    /*width:200px;
  height:200px*/
    width: 50px;
    height: 50px;
    float: left;
    display: block;
    margin: 5px;
}

.categoryText {
    vertical-align: middle;
}

    .categoryText:before {
        /*content: '\A';
  white-space: pre;*/
    }

.categoryAlign {
    /*text-align:center;*/
    text-align: left;
}
/*--------- /category icon and text ------*/
.itemInfo {
}