/* color pallette:#009a63 (Green) #57b247 (Light Green - NOT USED AT THIS TIME but in their palette choices) and #3a4f8e (Blue),*/

.navAlign li {
    text-align: center
}

.GoogleSearchBox {
    font-family: Arial, verdana, Helvetica, san-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    width: 70px;
}

.GoogleSearchText {
    font-family: Arial, verdana, Helvetica, san-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px
}

table#tblPageNumbers td {
    text-align: right
}

.pagenumbering_text {
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    vertical-align: bottom
}

a.pagenumbering_text:link,
a.pagenumbering_text:visited {
    text-decoration: underline;
    color: #333333
}

a.pagenumbering_text:hover {
    color: #1b429a;
    text-decoration: underline
}

.pagenumber_link,
a.pagenumber_link:link,
a.pagenumber_link:visited {
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
    text-decoration: underline;
    vertical-align: bottom
}

a.pagenumber_link:hover {
    color: #1b429a;
    text-decoration: underline
}

.pagenumber_clicked,
a.pagenumber_clicked:link,
a.pagenumber_clicked:visited {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
    vertical-align: bottom
}

a.pagenumber_clicked:hover {
    color: #1b429a;
    text-decoration: underline
}

.perpage_dropdown {
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    text-decoration: none
}

.featurenav,
a.featurenav:link,
a.featurenav:visited,
a.featurenav:active,
a.featurenav:hover {
    font-family: Arial;
    color: #666666;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
    line-height: 20px
}

.navbar-table
/*this is table with 1 row that the css menu is contained in*/ {
    height: 23px;
    background: #ffffff
}


/* top menu items */

#menu ul a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    /*BCE4E5 top menu text color*/
    background-color: #1b429a;
    /*required for IE6 */
    padding: 5px;
    /*top menu text padding*/
    /*border: 1px solid #eeeeee;*/
    /*topmenu section border*/
    border-top-color: #1b429a;
    border-bottom-color: #1b429a
}

.menu {
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    padding-right: 20%;
}

.submenu {
    font-family: Arial;
    font-size: 12px;
    text-align: left
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#menu li {
    /* all list items */
    float: left;
    position: relative;
    /*width: 110px;*/
    /* 141px width of the menu blocks-removed for dynamic sizing*/
    line-height: 13px;
    /* height of the menu blocks*/
    z-index: 1010;
    margin-right: 10px;
}

    #menu li ul {
        /* second-level lists */
        position: absolute;
        margin: 0;
        display: block;
        top: 24px;
        left: 0;
        z-index: 1010
    }

    #menu li > ul {
        /* to override top and left in browsers except IE */
        top: 22px;
        left: auto;
        z-index: 1010
    }

    #menu li ul li ul {
        /* third-level lists */
        position: absolute;
        display: block;
        top: 0;
        left: 140px;
        z-index: 1010
    }


/* Fix IE. Hide from IE Mac \*/

* html #menu ul li {
    float: left;
    height: 1%
}

    * html #menu ul li a {
        height: 1%
    }


/* End */

#menu li:hover ul {
    display: block;
    margin: 0;
    z-index: 1010
}

#menu li:hover > ul {
    visibility: visible;
    float: left;
    margin: 0;
    margin-top: 25px;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 1010
}

#menu ul ul {
    visibility: hidden;
    margin: 0;
    z-index: 1010
}


/* Make-up syles */

#menu ul,
li {
    margin: 0 0 0 0;
    z-index: 1010
}


    /* main menu bar hover */

    #menu ul a:hover {
        color: #eeeeee;
        /* text 69321f */
        background: #003399;
        /* bg 69321f */
        z-index: 1010
    }


/* drop down menu*/

#menu li ul a {
    text-decoration: none;
    color: #003399;
    /*BCE4E5 drop down text color*/
    background: #eeeeee;
    /* #69321f required for IE6 */
    border: 1px solid #cccccc;
    /*drop section border*/
    /* border-top-width:1px;border-top-color:#cccccc;border-right-width:1px;border-right-color:#cccccc;*/
    padding: 5px;
    z-index: 1010;
    width: 110px;
}


    /* drop down menu hover */

    #menu li ul a:hover {
        color: #003399;
        /*drop dwn hover item text color*/
        background: #cccccc;
        z-index: 1010
    }


/* icons */

#menu li a.submenu {
    background: #ffffff url("menu_arrow.gif") no-repeat right
}

    #menu li a.submenu:hover {
        background: #f9f9f9 url("menu_arrow.gif") no-repeat right
    }

#menu li ul a.submenu {
    background: #ffffff url("menu_arrow.gif") no-repeat right
}

    #menu li ul a.submenu:hover {
        background: #f9f9f9 url("menu_arrow.gif") no-repeat right
    }


/* New Code */

#head_container {
    float: left;
    width: 900px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/images/promise_main_header.jpg);
    font-family: Arial;
    font-size: 12px;
    color: Black;
    /*margin-bottom: 5px*/
}

    #head_container #head_logo {
        display: block;
        float: left;
        text-align: left;
        padding-left: 2px;
        width: 175px;
    }

    #head_container #head_sm {
        position: relative;
        display: block;
        width: 100px;
        margin-left: 735px;
        top: -50px
    }

    #head_container #nav_1 {
        float: left;
        width: 510px;
        margin-top: 17px;
        height: 32px;
        padding-top: 7px;
        margin-left: 5px
    }

    #head_container #global_cart {
        float: right;
        height: 50px;
        width: 125px;
        background-image: url(../images/cart_bg.gif);
        background-repeat: no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        padding-top: 5px;
        margin-bottom: 3px;
        overflow: hidden;
        margin-right: 5px;
        cursor: pointer
    }

    #head_container a:link, a:hover, a:visited, a:active {
        color: #1b439b;
        /*text-decoration: none;*/
    }

#main_nav {
    float: left;
    height: 25px;
    width: 850px
}

#google_search {
    float: left;
    height: 32px;
    width: 170px;
    margin-top: 17px;
    padding-top: 5px
}

.menuheader {
    background: #1B429A;
    color: #FFFFFF;
    cursor: pointer
}

    .menuheader a {
        background: #1B429A;
        color: #FFFFFF;
        cursor: pointer
    }

a.smTwitter {
    display: inline-block;
    position: relative;
    margin-left: 12px;
    width: 32px;
    height: 32px;
    background: #FFF url(../images/sm_sprite.gif) 0 0;
    text-indent: -9999px
}

    a.smTwitter:hover {
        background-position: 0 -32px
    }

a.smFB {
    display: inline-block;
    position: absolute;
    right: -36px;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/fb-icon.gif) 0 -48px;
    text-indent: -9999px
}

a.smTW {
    display: inline-block;
    position: absolute;
    right: -65px;
    top: 0;
    width: 24px;
    height: 24px;
    background: url(../images/tw-icon.gif) 0 -48px;
    text-indent: -9999px
}

.search-container {
    height: 36px;
    border: solid 2px #ccc;
    border-radius: 18px;
    float: right;
    padding: 0;
}
/*  search box  */
.search-container {
    height: 25px;
    border: solid 2px #333;
    border-radius: 18px;
    float: right;
    padding: 0;
    width: 75%;
    background-color: white;
}

    .search-container .form-group.col-sm-9 .form-control, .search-container .form-group.col-lg-10 .form-control {
        border: none;
        box-shadow: none;
        background: none;
        float: left;
        padding-top: 2px;
        height: 20px;
    }

    .search-container .form-group.col-sm-9, .search-container .form-group.col-lg-10 {
        padding: 0;
    }

    .search-container .form-group {
        float: left;
    }

    .search-container .btn.btn-default {
        border: none;
        background: #fff;
        border-radius: 0 18px 18px 0;
        height: 20px;
        width: 30px;
    }

.search-btn {
    padding: 0px 5px;
}

.search-txt {
    background-color: white;
    border-radius: 18px;
}

.icon-cart {
    background: url(/images/cart-icon.png) no-repeat;
    list-style-type: none;
    height: 22px;
    /* display: block; */
    /* clear: both; */
    margin-top: 5px;
}

.cart-count-container {
    display: inline-block;
    background: #FD5007;
    font-size: 10px;
    color: #222;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #FFF;
    line-height: 17px;
    margin-left: 15px;
}

.cart-text {
    color: White;
    padding: 5px 5px 0 0;
    font-size: 14px;
}

#footer {
    font-size: 12px;
    width: 850px;
}
/*  create support for five columns  */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

#footer h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0px !important;
    color: #000 !important;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 25%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 25%;
        float: left;
    }
}

.list-unstyled {
    font-size: 12px;
    text-align: left;
}

.row-margin-left {
    margin-left: 20px;
}

#menu ul, .list-inline > li {
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin-left: 20px;
}

.row-margin-right-25 {
    margin-right: 25px;
}

table {
    border-collapse: inherit;
}

.service-links-top {
    margin-left: 5px !important;
    padding-top: 10px;
    float: right !important;
}

    .service-links-top > li {
        display: inline-block;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin-left: 5px;
    }

.mr10 {
    margin-right: 10px !important;
}

.NavBar_menuList {
    float: right;
    margin-right: 10px;
}

.row-area {
    width: 50%;
}
/* COMPRESS USING: http://tools.arantius.com/css-compressor TO KEEP COMMENTS IN CSS */