@import url("style.css");

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}
/*grid view styles*/

span.hawk-title {
    font-size: 14px;
}
/*list view styles*/

.hawk-itemRating > a {
    font-weight: 300;
    color: #00a7bb;
}

#hawkitemlist .row > a {
    font-size: 14px;
    font-weight: 300;
}

#hawkitemlist td > a > img {
    width: 120px;
}

div#hawkitemlist > .row {
    border: 1px solid #dcdcdc;
    margin: 0;
}

#hawkitemlist .mp-pid,
.mp-volprice {
    color: #666;
    float: right;
    font-weight: 300;
    font-size: 12px;
}

#hawkitemlist .mp-slv-desc {
    font-size: 12px;
    font-weight: 300;
    color: #595959;
}

div#hawkitemlist .hawk-itemPrice {
    line-height: 42px;
}

#hawkitemlist .mp-cta-cart.row > div {
    margin: 5px 0;
}
/*internal styles*/

#hawkitemlist .btn-primary {
    color: #fff;
    background-color: #00a7bb;
    border-color: none;
}

#hawkitemlist .btn-primary.active,
#hawkitemlist .btn-primary.focus,
#hawkitemlist .btn-primary:active,
#hawkitemlist .btn-primary:focus,
#hawkitemlist .btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #18C9DF;
    border-color: transparent;
}

#hawkitemlist .mp-cta-cart .btn {
    font-size: 16px;
    font-weight: 300;
    border: 0;
    width: 93px;
}

.hawknotify-me {
    background-color: #fff;
    border: 1px solid #ccc !important;
}

#hawkitemlist input.form-control {}

.hawk-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.hawk-visuallyHidden.focusable:active,
.hawk-visuallyHidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* ## directly embed icons on :before and :after psuedo classes ## */

[class^="hawk-iconBefore"]:before,
[class^="hawk-iconAfter"]:after {
    font-family: 'hawksearch';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* ## Buttons Styles ## */

.btnWrapper,
.btnWrapper:link,
.btnWrapper:visited {
    display: inline-block;
    padding: 1px;
    background-color: #F37624;
    text-decoration: none !important;
}

.btn {
    display: inline-block;
    margin: 0;
    padding: 4px;
    font-size: 0.750em;
    font-weight: normal;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
}

.btn.hawk-notify-cancel {
    background-color: gray;
    width: 150px;
    font-size: 18px;
}

.btn.hawk-notify-submit {
    background-color: #00a7bb;
    width: 150px;
    font-size: 18px;
}

.hawkadd-to-cart {
    background-color: #07a6bb;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    font-size: 14px;
    padding: 5px 10px;
}

.btnAlt {
    background-color: #D0D0D0;
}

.btnAlt .btn {
    background-color: #D0D0D0;
    border: 1px solid #fff;
    color: #000;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
/* ## icon image sprites ## */

.iconImage {
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 5px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    background: url(/images/icons_png.png) no-repeat 0 0;
}

.iconCheckbox {
    width: 18px;
    height: 14px;
    background-position: -23px -112px;
    position: relative;
}

.iconXSquareRed {
    width: 12px;
    height: 12px;
    background-position: 0 -112px;
}

.iconSearch {
    width: 14px;
    height: 14px;
    background-position: -55px 0;
}
/* ## search view options ## */

.hawk-searchView {
    margin-bottom: 10px;
    padding: 0;
    border-bottom: 5px solid #f0f0f0;
}

.hawk-searchView .hawk-viewOption {
    position: relative;
    display: inline-block;
    margin-bottom: -5px;
    border-bottom: 5px solid #f37622;
}

.hawk-searchView .hawk-viewOption:after {
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #f37622;
}

.hawk-searchView .hawk-viewOption .hawk-viewOptionInner,
.hawk-searchView .hawk-viewOption .hawk-viewOptionInner:visited {
    display: inline-block;
    padding: 5px 15px;
    color: inherit;
    font-size: 0.938em;
    font-weight: bold;
    text-decoration: none;
}

.hawk-searchView .hawk-viewOptionOff {
    border-color: #f0f0f0;
}

.hawk-searchView .hawk-viewOptionOff:after {
    display: none;
}

.hawk-searchView .hawk-viewOptionOff .hawk-viewOptionInner {
    color: #999 !important;
}
/* ## layout control box ## */

.hawk-listingControls .hawk-subControls {
    padding: 8px 10px;
    background: #f0f0f0;
}

.hawk-sortWrapper {
    display: inline;
    float: left;
    margin: 0 0 5px;
}

.hawk-sortWrapper .sortList {
    display: inline;
    float: left;
    padding: 3px 10px 0;
}

.hawk-sortWrapper .sortList label {
    display: inline;
    margin: 0 5px 0 0;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
}

.hawk-sortWrapper .sortList select {
    margin-right: 10px;
}

.hawk-listingControls .hawk-pagination {
    float: right;
    width: auto;
    margin: 3px 20px 0 0;
}

.hawk-listingControls .hawk-pagination .hawk-viewNumber {
    float: right;
    margin-left: 10px;
}

.hawk-listingControls .hawk-pagination .hawk-paging {
    float: left;
    border: 0;
}

.hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink,
.hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:link,
.hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:visited {
    display: inline-block;
    min-width: 15px;
    padding: 0 4px;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
}

.hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink.hawk-arrowLeft,
.hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink.hawk-arrowRight {
    background-color: transparent;
}

.hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive {
    display: inline-block;
    min-width: 15px;
    padding: 0 4px;
    text-decoration: none;
    text-align: center;
    color: #07A6BB;
}

.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft,
.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight {
    display: inline-block;
    min-width: 15px;
    padding: 0 4px;
    color: #fff;
    text-decoration: none;
}
/* embedding icomoon for previous and next arrows */

.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before,
.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after {
    font-family: 'hawksearch';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before {
    content: "\e606";
}
/*.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft {
     background: url(/images/prev.png) no-repeat 0 0;
     background-size:19px;
}*/

.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after {
    content: "\e606";
}
/*.hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight {
     background: url(/images/next.png) no-repeat 0 0;
     background-size:19px;
}*/

.hawk-listingControls .hawk-pagination .hawk-paging .total {
    color: #fff;
}

.hawk-compareList {
    float: left;
    display: inline;
}

.hawk-compareList .hawk-compareHeading {
    float: left;
    color: #3f3f40;
    font-size: 0.750em;
}

.hawk-compareList .hawk-compareHeading span {
    display: block;
    font-size: .8em;
    color: #6f6e70;
}

.hawk-compareList ul {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.hawk-compareList li {
    position: relative;
    float: left;
    display: inline;
    width: 27px;
    height: 27px;
    margin-left: 6px;
    background: #fff;
    border: 1px solid #c5c3c4;
    overflow: hidden;
}

.hawk-compareList li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(/images/listing_compare_overlay.png) no-repeat 0 0;
}

.hawk-compareList .btnWrapper {
    float: left;
    margin: 5px 0 0 8px;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}
/* ## Layout Control Styles ## */

.hawk-gridView,
.hawk-listView {
    height: 16px;
    background: url(/images/icon_grid_list.gif) no-repeat 0 0;
    padding-left: 24px;
    cursor: pointer;
}

.hawk-listView {
    background-position: 0 -44px;
}
/* ## Results Styles ## */

.results {
    border-width: 1px;
    border-spacing: 4px;
    border-style: hidden;
}

.results td {
    vertical-align: top;
    border-width: 1px;
    padding: 10px 5px 10px 5px;
    border-style: none;
    border-color: gray;
    -moz-border-radius: 0px 0px 0px 0px;
}
/* ## ajax popup overlay ## */

.apOvrly {
    display: none;
    position: absolute;
    width: 708px;
    height: 400px;
    min-height: 1px;
    z-index: 1000;
}

.apOvrly .apOvrlyTop,
.apOvrly .apOvrlyBottom {
    height: 5px;
    background: url(/bg_overlay_ends.png) no-repeat 0 0;
    overflow: hidden;
}

.apOvrly .apOvrlyBottom {
    background-position: 0 -5px;
}

.apOvrly .apOvrlyInner {
    height: 1%;
    min-height: 400px;
    background: #fff url(/bg_overlay.gif) no-repeat 0 0;
    padding: 20px 0 15px;
}

.apOvrlyBar {
    position: relative;
}

.apOvrly .ovrlyClse {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: -17px;
    right: 7px;
    background: url(/overlay_close.gif) no-repeat 0 0;
    cursor: pointer;
}

.apOvrlyContent {
    margin: 0 25px;
    overflow: auto;
    width: 680px;
    height: 400px;
}
/* ## more like this overlay ## */

.mltOvrly {
    display: none;
    position: absolute;
    width: 508px;
    height: 400px;
    min-height: 50px;
    text-align: left;
    background-color: #fff;
    border: 2px solid #143f6a;
    padding-bottom: 10px;
    z-index: 1000;
}

.mltOvrly .mltOvrlyTop,
.mltOvrly .mltOvrlyBottom {
    height: 0;
    overflow: hidden;
}

.mltOvrly .mltOvrlyBottom {
    background-position: 0 -5px;
}

.mltOvrly .mltOvrlyInner {
    min-height: 400px;
    padding: 0 0 15px;
}

.mltOvrly .ovrlyClse {
    position: absolute;
    right: 5px;
    top: 6px;
    padding: 0 5px;
    font-size: 12px;
    color: #BE8E03;
    cursor: pointer;
}

.mltOvrlyBar {
    position: relative;
    margin: 0 0 7px 0;
    padding: 4px 15px;
    font-size: 16px;
    color: #283380;
    background-color: #CEE1F1;
}

.mltOvrlyContent {
    margin: 0 25px;
    overflow: auto;
    width: 480px;
    height: 365px;
}
/* ## Grid View ## */

.MultilineTable {}

.MultilineTable th {
    background: url(/images/table_header.gif) repeat-x;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    text-align: left;
    vertical-align: middle;
    padding: 1px 4px 1px 4px;
}

.MultilineTable th a {
    color: #fff;
    text-decoration: none;
}

.MultilineTable th a:link {
    color: #fff;
    text-decoration: none;
}

.MultilineTable th a:visited {
    color: #fff;
    text-decoration: none;
}

.MultilineTable th a:hover {
    color: #fff;
    text-decoration: underline;
}

.MultilineTable th a:active {
    color: #fff;
    text-decoration: underline;
}

.MultilineTable td {
    vertical-align: middle;
}

.MultilineTable td.ActionButtons {
    width: 75px;
}

.MultilineTable td.ActionButtons a {
    padding: 1px;
}

.alternate {
    background: #f1f1f1;
    color: #000;
    font-size: 12px;
}

.alternate a {
    color: #069;
    text-decoration: none;
}

.alternate a:link {
    color: #069;
    text-decoration: none;
}

.alternate a:visited {
    color: #069;
    text-decoration: none;
}

.alternate a:hover {
    color: #069;
    text-decoration: underline;
}

.alternate a:active {
    color: #069;
    text-decoration: underline;
}

.row,
.field {
    text-align: center;
    color: #000;
    font-size: 12px;
}

.accountBlocks {
    position: relative;
    min-height: 1px;
    margin: 25px 10px 5px 0;
    border: 1px solid #444;
}

.accountBlocks .inner {
    padding: 25px 15px 10px;
    text-align: left;
    font-size: 11px;
}

.accountBlocks .blockhdng {
    position: absolute;
    font-size: 1.2em;
    top: -14px;
    left: 10px;
    padding: 3px 5px;
    margin: 0;
    background-color: #fff;
    border: 1px;
    background-position: 50% 50%;
}

.bannerTop {
    text-align: center;
}

.bannerLeftTop {
    text-align: center;
}

.bannerLeftBottom {
    text-align: center;
}
/* ## TagCloud ## */
/* Applies to the entire tag cloud */

.TagCloud {
    font-family: Arial;
    margin: 10px 3px 3px;
    padding: 3px;
    text-align: center;
}
/* Applies to each tag of the tag cloud */

.TagCloud > span {
    margin-right: 3px;
    text-align: center;
}
/* Applies to the largest to smallest tags */

.TagCloud > span.TagWeight1 {
    font-size: 24px;
}

.TagCloud > span.TagWeight2 {
    font-size: 21px;
    font-weight: bold;
}

.TagCloud > span.TagWeight3 {
    font-size: 17px;
}

.TagCloud > span.TagWeight4 {
    font-size: 15px;
    font-weight: bold;
}

.TagCloud > span.TagWeight5 {
    font-size: 12px;
}
/* ## results List Display ## */

.hawk-brokenImage {
    min-width: 100px;
    min-height: 100px;
    background: url(/images/no_image_100.jpg) no-repeat 50% 50%;
}
/* ## hawk guided nav ## */

.hawk-railNavHeading {
    margin: 0;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    background: #f3f3f3;
}

.hawk-railNavHeading span {
    padding: 0 0 0 15px;
}

.hawk-railNavHeading a,
.hawk-railNavHeading a:link,
.hawk-railNavHeading a:visited {
    color: #fff;
    text-decoration: none;
}

.hawk-railNavHeading a:hover,
.hawk-railNavHeading a:active {
    color: #fff;
    text-decoration: none;
}

.hawkRailNav {
    background-color: #f3f3f3;
    border-top-style: none;
    overflow: hidden;
    margin: 0 0 15px 0;
}

#hawkfacets-selections .hawkRailNav {
    margin: 0px;
}

.hawk-guidedNavWrapper {}

.hawk-guidedNavWrapper .hawk-navGroupHdng {
    margin: 10px 6px 0 6px;
    font-size: 1em;
    font-weight: bold;
}

.hawk-guidedNavWrapper .hawk-navGroup {
    padding: 10px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0dfdf;
}

.hawk-guidedNavWrapper .hawk-navGroupContent {
    padding: 10px 8px;
}

.hawk-guidedNavWrapper .hawk-collapsed .hawk-navGroupContent {
    position: absolute;
    left: -9999em;
}

.hawk-guidedNavWrapper .hawk-navGroup:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.hawk-guidedNavWrapper .hawk-navGroup:last-child .hawk-navGroupContent {
    border-bottom: 0;
}
/* ## facets group heading ## */

.hawk-facetScollingContainer {
    position: relative;
    z-index: 100;
}

.hawk-guidedNavWrapper .hawk-groupHeading {
    position: relative;
    margin: 0;
    padding: 0 10px;
    text-align: right;
}
/* embedding icomoon for groupheading usage */

.hawk-guidedNavWrapper .hawk-groupHeading:before {
    position: absolute;
    display: none;
    top: 2px;
    left: 10px;
    font-family: 'hawksearch';
    font-size: 14px;
    color: #b8b8b8;
    content: "\2b";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* setting font styling to groupheading and possible nested links */

.hawk-guidedNavWrapper .hawk-groupHeading,
.hawk-guidedNavWrapper .hawk-groupHeading a,
.hawk-guidedNavWrapper .hawk-groupHeading a:link,
.hawk-guidedNavWrapper .hawk-groupHeading a:visited {
    font-size: 1em;
    font-weight: bold;
}

.hawk-guidedNavWrapper .hawk-collapsible .hawk-groupHeading {
    cursor: pointer;
}

.hawk-guidedNavWrapper .hawk-collapsible .hawk-groupHeading:before {
    display: block;
    content: "\2212";
}

.hawk-guidedNavWrapper .hawk-collapsed .hawk-groupHeading:before {
    content: "\2b";
}

.hawk-guidedNavWrapper .hawk-navGroup input[type="text"] {
    border: 1px solid #d0d0d0;
}
/* ## facet list ## */

.hawk-guidedNavWrapper .hawk-navGroup ul {
    margin: 0;
    padding: 0 10px 10px 10px;
    list-style-type: none;
    background: #fff;
    border: 1px solid #d0d0d0;
}

.hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList {
    max-height: 170px;
    overflow-y: auto;
}

.hawk-guidedNavWrapper .hawk-facetFilters {
    width: 271px;
}

.hawk-guidedNavWrapper .hawk-navGroup li {
    position: relative;
    margin-top: 10px;
}

.hawk-guidedNavWrapper .hawk-navGroup li a,
.hawk-guidedNavWrapper .hawk-navGroup li a:visited {
    display: inline-block;
    font-size: 0.933em;
    font-weight: normal;
    text-decoration: none;
}

.hawk-guidedNavWrapper .hawk-navGroup li .hawk-selectionInner .hawk-facetCount {
    color: #a1a1a1;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawk-navMore {
    color: #000;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawk-navMore span {
    display: inline-block;
    cursor: pointer;
}

.hawk-collapseState {
    cursor: pointer;
}

.hawk-collapseState:after {
    display: inline-block;
    position: absolute;
    content: "\2212";
    font-size: 10px;
    font-family: 'hawksearch';
    color: #b8b8b8;
    right: 2px;
    top: 4px;
    cursor: pointer;
}

.collapsed.hawk-collapseState:after {
    content: "\2b";
}

.hawk-nestedfacet ul.hawk-facetgroup {
    border: 0px
}

.hawk-accordionTitle {
    cursor: pointer;
}

.hawkfacet-nestedlinklist .hawkFacet-active > a > .hawk-selectionInner,
.hawkfacet-nestedlinklist .hawkFacet-isInPath > a > .hawk-selectionInner {
    font-weight: bold;
}

.hawk-collapseState + .hawk-facetgroup.collapse {
    display: none;
}

.hawk-collapseState + .hawk-facetgroup.collapse.in {
    display: block;
}

.hawk-facetgroup.collapse + .hawk-facetgroup.collapse {
    display: none;
}
/* ## current selections ## */

.hawk-guidedNavWrapper .hawk-selectedNav {
    background-color: #f3f3f3;
}

.hawk-guidedNavWrapper .hawk-selectedGroup {
    padding: 10px 0;
}

.hawk-guidedNavWrapper .hawk-selectedGroup:first-child {
    border-top: 0;
}

.hawk-guidedNavWrapper .hawk-selectedGroup .hawkIcon-close {
    font-size: 12px;
    color: #c00;
}

.hawk-guidedNavWrapper .hawk-selectedHeading {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
}

.hawk-guidedNavWrapper .hawk-selectedHeading,
.hawk-guidedNavWrapper .hawk-selectedHeading a,
.hawk-guidedNavWrapper .hawk-selectedHeading a:link,
.hawk-guidedNavWrapper .hawk-selectedHeading a:visited {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

.hawk-guidedNavWrapper .hawk-selectedGroup ul {
    max-height: none;
    margin: 0;
    overflow: visible;
    background: #f3f3f3;
    border: 1px solid #bdbebe;
}

.hawk-guidedNavWrapper .hawk-selectedGroup ul a,
.hawk-guidedNavWrapper .hawk-selectedGroup ul a:link,
.hawk-guidedNavWrapper .hawk-selectedGroup ul a:visited {
    font-size: .9em;
}

.hawk-guidedNavWrapper .hawk-clearSelected {
    padding: 7px 10px;
    text-align: right;
}

.hawk-guidedNavWrapper .hawk-clearSelected a,
.hawk-guidedNavWrapper .hawk-clearSelected a:link,
.hawk-guidedNavWrapper .hawk-clearSelected a:visited {
    color: #6f6f6f;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
}

.hawk-guidedNavWrapper .hawk-clearSelected a:hover,
.hawk-guidedNavWrapper .hawk-clearSelected a:active {
    text-decoration: underline;
}
/* ## search within ## */

.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .hawk-searchWithin {
    position: relative;
    margin-bottom: 5px;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch label {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 0.938em;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch input[type="text"] {
    width: 100%;
    padding: 4px 8px;
    font-size: 0.933em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .hawk-searchWithinButton {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    padding: 5px 7px 0;
    font-size: 14px;
    color: #333;
    background-color: #d0d0d0;
    -webkit-border-radius: 3px;
    border-radius: 2px;
    cursor: pointer;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .iconSearch {
    margin: 0;
}

.hawk-guidedNavWrapper.recentSearches .hawk-navGroup .hawk-clearSelected {
    border: 0 none;
}
/* ## facet checkbox style ## */

.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox,
.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:link,
.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:visited {
    position: relative;
    padding-left: 20px;
}

.hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 10px;
    height: 10px;
    color: #295C94;
    font-size: 14px;
    line-height: 6px;
    border: 1px solid #b8b8b8;
    background-color: #f3f3f3;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-hover > .hawk-styleCheckbox:before {
    border-color: #8d8b8b;
    content: "\2714";
    background-color: #c0c0c0;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active > .hawk-styleCheckbox:before {
    content: "\2714";
    border-color: #8d8b8b;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-indetermined > .hawk-styleCheckbox:before {
    content: "";
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-indetermined > .hawk-styleCheckbox:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: #295C94;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active .hawk-rating {
    display: inline-block;
    width: 85px;
    position: relative;
    top: 2px;
}
/* ## facet swatch and size style ## */

.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch .value {
    display: none;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li.hawk-navMore,
.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size li.hawk-navMore {
    float: none;
    clear: both;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch,
.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size {
    padding: 5px 0px 0px 7px;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li,
.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size li {
    float: left;
    padding: 0;
    margin: 1px;
}

.hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li,
.hawk-guidedNavWrapper .hawk-navGroup .size-value:hover {
    color: #999;
}

.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleSwatch,
.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleSwatch:visited {
    display: inline-block;
    height: 36px;
    width: 36px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 1px 0 #FFF;
    display: inline-block;
    color: #333;
    font-weight: bold;
    border: 3px solid #fff;
}

.hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleSwatch .hawk-selectionInner {
    display: block;
    height: 32px;
    width: 32px;
    border: 2px solid #fff;
    overflow: hidden;
}

.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleBlock,
.hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleBlock:visited {
    display: inline-block;
    height: 36px;
    min-width: 36px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 1px 0 #FFF;
    display: inline-block;
    color: #333;
    font-weight: bold;
    border: 3px solid #fff;
}

.hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleBlock .hawk-selectionInner {
    display: block;
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    background: #E6E7E8;
    border: 2px solid #fff;
    overflow: hidden;
}

.hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleBlock .hawk-selectionInner span {
    color: #333;
}

.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active a.hawk-styleSwatch,
.hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active a.hawk-styleBlock {
    border-color: #E98820;
}
/* ## embedded clear fix ## */

.hawk-guidedNavWrapper .hawk-navGroup li:before,
.hawk-guidedNavWrapper .hawk-navGroup li:after {
    content: "";
    display: table;
}

.hawk-guidedNavWrapper .hawk-navGroup li:after {
    clear: both;
}

.hawk-guidedNavWrapper .hawk-navGroup li {
    zoom: 1;
}
/* ## nav list search ## */

.hawk-guidedNavWrapper .hawk-quickSearch label {
    display: block;
    margin: 0 0 2px 0;
    font-size: 0.875em;
}

.hawk-guidedNavWrapper .hawk-quickSearch {
    margin-bottom: 5px;
}

.hawk-guidedNavWrapper .hawk-quickSearch input[type="text"] {
    width: 100%;
    padding: 4px 8px;
    font-size: 0.933em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/* ## facet Slider Styles ## */

.hawk-slideFacet {
    display: block;
    position: relative;
    margin: 3px 5px;
}

.hawk-slideFacet .slider-clear {
    font-size: .95em;
    float: right;
    clear: both;
    cursor: pointer;
}

.hawk-slideFacet .slider-min-value {
    float: left;
    display: block;
    position: relative;
    height: 15px;
    color: #000;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    padding-top: 2px;
    font-weight: normal;
}

.hawk-slideFacet .slider-cur-value {
    float: left;
    display: block;
    position: absolute;
    left: 45px;
    height: 15px;
    color: #000;
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    padding-top: 2px;
    font-weight: normal;
}

.hawk-slideFacet .slider-max-value {
    float: right;
    display: block;
    position: relative;
    height: 15px;
    color: #000;
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    padding-top: 2px;
    font-weight: normal;
}

.hawk-slideFacet .slider-start-value {
    float: left;
    display: block;
    position: relative;
    height: 15px;
    color: #868686;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
    padding-top: 2px;
}

.hawk-slideFacet .slider-end-value {
    float: right;
    display: block;
    position: relative;
    height: 15px;
    color: #868686;
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    padding-top: 2px;
}

.hawk-slideFacet .ui-widget-header {
    background: #07A6BB;
}

.hawk-slideFacet .ui-slider {
    position: relative;
    text-align: left;
}

.hawk-slideFacet .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.hawk-slideFacet .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.hawk-slideFacet .ui-slider .ui-slider-single {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.hawk-slideFacet .ui-slider-horizontal {
    height: .8em;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-handle {
    top: -3px;
    width: 10px;
    height: 16px;
    margin-left: -6px;
    padding: 0;
    z-index: 12;
    background: #E0DFDF;
    border: 1px solid #B8B8B8;
    cursor: hand;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-single {
    top: 0;
    height: 100%;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-single-min {
    left: 0;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-single-max {
    right: 0;
}

.hawk-slideFacet .ui-slider-horizontal .ui-slider-single-cur {
    left: 0;
}

.hawk-slideFacet .ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-single {
    left: 0;
    width: 100%;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-single-min {
    bottom: 0;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-single-max {
    top: 0;
}

.hawk-slideFacet .ui-slider-vertical .ui-slider-single-cur {
    bottom: 0;
}

.hawk-slideFacet .hawk-slideRange {
    margin-bottom: 10px;
    background: #ccc;
}

.hawk-slideFacet #slider-single {
    margin-bottom: 10px;
}

.hawk-slideFacet #slider-single a.handle {
    cursor: pointer;
    background: url(/leftslider.png) 50% 50% no-repeat;
    border: none;
    padding: 0;
    width: 15px;
    height: 19px;
    z-index: 12;
}

.hawk-slideFacet .hawk-sliderNumeric {
    margin-bottom: 10px;
}

.hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput {
    width: 80px;
}

.hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput.numeric-from {}

.hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput.numeric-to {
    float: right;
}
/* ## Content Display ## */

#hawkitemlist .hawk-contentItem:first-child {
    padding-top: 0;
    border-top: 0;
}

#hawkitemlist .hawk-contentItem {
    display: table;
    width: 100%;
    padding: 1em 0;
    border-top: 1px solid #CCCCCC;
}

.itemWrapper {
    position: relative;
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px solid #E0DFDF;
    width: 19% !important;
    display: inline-block;
}

.itemWrapper.hawk-itemHover {
    border-bottom: 1px solid #07A6BB;
}

.itemWrapper .hawk-itemImage {
    display: block;
    margin: 0 auto 10px;
    padding: 0;
    border-style: none;
    width: 100%;
    height: auto;
    max-height: 242px;
    max-width: 242px;
}

#hawkitemlist .last {
    margin-right: 0;
}

#hawkitemlist .hawk-contentWrapper {
    padding: 10px;
}

#hawkitemlist .hawk-contentTitle {
    margin-bottom: 10px;
}

#hawkitemlist .hawk-contentCaption {
    font-size: 0.875em;
}

div.growlUI {
    padding: 2px;
    border-top: 1px solid #000000;
    box-shadow: 0 0 3px 3px rgba(50, 50, 50, 0.5);
    bottom: 0;
    position: fixed;
    background-color: #311F09;
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    width: 100%;
    z-index: 99998;
    right: 0px;
}

div.growlUI span {
    font-size: 21px;
    color: white;
    padding: 10px 0 10px 20px;
    margin: 0;
    text-align: left;
    border-bottom: none;
    background-color: transparent;
}

#aBug {
    color: #666;
    background-color: #fff;
    border: 1px solid #5a3810;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
}

#aEye {
    color: #666;
    background-color: #fff;
    border: 1px solid #5a3810;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
}
/* ## Smart Bug ## */

.smartbug {
    background: #5a3810;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0;
    border: 1px solid #AAAAAA !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 0 3px 3px rgba(50, 50, 50, 0.5);
}

.smartbug ul {
    padding: 0px 5px 0px 5px;
    list-style-type: none;
    background-color: #5a3810;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.smartbug li {
    border-bottom: 1px solid #5a3810;
}

.smartbug a,
.smartbug a:link,
.smartbug a:visited {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 5px;
}

.smartbug a:hover {
    background-color: #fff;
    color: #5a3810;
}
/* ## Search Lookup Dropdown ## */

.hawk-searchQuery {
    position: absolute;
    top: 95%;
    left: 10px;
    display: none;
    margin: 30px 0 0 0;
    border: 1px solid #fff !important;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#323232', Direction=0, Strength=3), progid: DXImageTransform.Microsoft.Shadow(color='#323232', Direction=90, Strength=3), progid: DXImageTransform.Microsoft.Shadow(color='#323232', Direction=180, Strength=3), progid: DXImageTransform.Microsoft.Shadow(color='#323232', Direction=270, Strength=3) -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    z-index: 999999;
    text-align: left;
    zoom: 1;
}

div.hawk-sqMainWrapper {
    width: 100%;
    vertical-align: top;
    background-color: #FFFFFF;
    /* opacity: 0.85; */
    /* border-right: 1px solid #E8E8E8; */
}

.hawk-sqMainWrapper.hawk-autoProducts {
    width: 100%;
    /* border-left: 1px solid #E8E8E8; */
    /* background: #e8e8e8; */
}

.hawk-footer-inner,
.hawk-footer-inner a {
    color: #212121;
    display: inline-block;
    text-align: right;
    font-size: 10px;
    font-weight: 300;
}

.hawk-footer-inner.hawk-left {
    font-weight: bold;
    width: 215px;
}

.hawk-footer-inner.hawk-right {
    width: 290px;
}

.hawk-searchQuery-keyword * {
    margin-left: -1px;
    font-size: 14px;
    /* font-weight: 300; */

    font-family: "Hind", sans-serif;
}

.hawk-searchQuery .hawk-sqHeader {
    padding: 5px;
    color: #646669;
    font-weight: bold;
    background: #d9d9d9;
}

.hawk-searchQuery .hawk-sqContent {
    margin: 15px 5px 15px 0;
    padding: 0;
    list-style-type: none;
}

.hawk-sqMainWrapper.hawk-autoTerms ul:last-of-type {
    display: none;
}

.hawk-searchQuery .hawk-sqItem {
    position: relative;
    display: block;
    margin: 5px 0;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
}

.hawk-searchQuery .hawk-sqItemAlt,
.hawk-searchQuery .hawk-sqItem {
    background-color: #FFF;
}

.hawk-searchQuery .hawk-sqActive {
    border-color: #8b2300;
}
/* embedded clearfix on results item: h5bp.com/q */

.hawk-searchQuery .hawk-sqItem:before,
.hawk-searchQuery .hawk-sqItem:after {
    content: "";
    display: table;
}

.hawk-searchQuery .hawk-sqItem:after {
    clear: both;
}

.hawk-searchQuery .hawk-sqItemImage {
    display: inline;
    float: left;
    width: 70px;
    height: auto;
    margin: 0;
    text-align: center;
}

.hawk-sqMainWrapper.hawk-autoProducts .hawk-sqItem {
    padding: 6px 0;
}

.hawk-searchQuery .hawk-sqItemContent {
    display: block;
    margin-left: 80px;
}

.hawk-searchQuery .hawk-sqItemName {
    font-family: "Hind", sans-serif;
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    border: 0;
    color: #000;
}

.hawk-searchQuery .hawk-sqFooter {
    padding: 5px 0;
    background: #FFF;
    /* opacity: 0.85; */

    font-weight: 700;
    /* border-bottom: 1px solid #C3B0B0; */
}

.hawk-searchQuery .sqFooter-Link {
    font-weight: bold;
}

.hawk-searchQuery .hawk-sqFooter a,
.hawk-searchQuery .hawk-sqFooter a:link,
.hawk-searchQuery .hawk-sqFooter a:visited {
    display: inline-block;
    color: #212121;
    /* font-weight: bold; */

    font-size: 11px;
    text-decoration: none;
}

.hawk-searchQuery .hawk-footerLink:hover {
    text-decoration: none;
}
/* Rating*/

.hawk-listingRating .hawk-rating {
    float: left;
    width: 77px;
}

/**.hawk-rating {
    background-image: url("/images/starsnew.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 15px;
    margin-left: 0px;
    position: relative;
    text-indent: 85px;
}

.hawk-rated5 {
    background-position: 0 -170px;
}

.hawk-rated45 {
    background-position: 0 -153px;
}

.hawk-rated4 {
    background-position: 0 -136px;
}

.hawk-rated35 {
    background-position: 0 -119px;
}

.hawk-rated3 {
    background-position: 0 -102px;
}

.hawk-rated25 {
    background-position: 0 -85px;
}

.hawk-rated2 {
    background-position: 0 -68px;
}

.hawk-rated15 {
    background-position: 0 -51px;
}

.hawk-rated1 {
    background-position: 0 -34px;
}

.hawk-rated05 {
    background-position: 0 -17px;
} */

.hawk-rated5 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px; 
}
.hawk-rated5:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
       top: -169px;
}
.hawk-rated45 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated45:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
      top: -153px;
}
.hawk-rated4 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated4:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
     top: -136px;
}
.hawk-rated35 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated35:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
    top: -119px;
}
.hawk-rated3 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated3:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
      top: -100px;
}
.hawk-rated25 {
    position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated25:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
      top: -86px;
}
.hawk-rated2 {
    position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated2:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
      top: -68px;
}
.hawk-rated15 {
     position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated15:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
        top: -50px;
}
.hawk-rated1 {
      position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated1:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
      top: -34px;
}
.hawk-rated05 {
    position: absolute;
    overflow: hidden;
    width: 78px;
    height: 18px;
}
.hawk-rated05:before {
     content: url(/images/starsnew.jpg);
    position: absolute;
    top: -18px;
}
/* preview info*/

.banner-container,
.featured-container {
    position: relative;
    width: 100%
}

.featured-container .preview-info {
    right: 0;
}

.hawk-preview.preview-info {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background-color: #FEF087;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;
    z-index: 100;
    font-size: 12px;
}

.hawk-preview.preview-info.hover {
    opacity: 1;
}

.hawk-preview.preview-info.preview-info-icon {
    width: 30px;
    height: 30px;
    /*background-image: url(/images/question.gif);*/
   /*background-repeat: no-repeat;*/
    /*background-position: 3px 3px;*/
}
    .hawk-preview.preview-info.preview-info-icon {
    content:url(/images/question.gif);
    }
.preview-info.explain-info {
    padding: 3px;
}

.preview-tip .popover-content {
    text-align: center;
}

.banner-tip {
    width: 200px;
}

.trigger-tip .trigger-name {
    font-weight: bold;
    padding-top: 5px;
}

.trigger-tip .rule {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e7bea2;
}

.trigger-tip .rule .condition {
    text-transform: uppercase;
    color: #abc;
}

.trigger-tip .rule .connector {
    text-transform: uppercase;
    color: red;
}

.trigger-tip .rule .field,
.trigger-tip .rule .value {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
    -ms-text-decoration-style: dotted;
    -o-text-decoration-style: dotted;
    text-decoration-style: dotted;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hawk-preview + .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.hawk-preview + .popover.right {
    margin-left: 10px;
}

.hawk-preview + .popover.bottom {
    margin-top: 10px;
}

.hawk-preview + .popover.left {
    margin-left: -10px;
}

.hawk-preview + .popover .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-title:empty {
    display: none;
}

.hawk-preview + .popover .popover-content {
    padding: 9px 14px;
}

.hawk-preview + .popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.hawk-preview + .popover .arrow {
    border-width: 11px;
}

.hawk-preview + .popover .arrow:after {
    border-width: 10px;
    content: "";
}

.hawk-preview + .popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.hawk-preview + .popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.hawk-preview + .popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.hawk-preview + .popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

.hawk-preview.modal + .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.hawk-preview.modal + .modal-backdrop,
.hawk-preview.modal + .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.hawk-preview.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.hawk-preview.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

.hawk-preview.modal.fade.in {
    top: 10%;
}

.hawk-preview.modal .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    padding: 15px;
}

.hawk-preview.modal .modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.hawk-preview.modal .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
}

.hawk-preview.modal .modal-form {
    margin-bottom: 0;
}

.hawk-preview.modal .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
}

.hawk-preview.modal .modal-footer:after {
    clear: both;
}

.hawk-preview.modal .modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.hawk-preview.modal .modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.hawk-preview.modal .modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.hawk-preview.modal .bootbox-close-button {
    margin-top: 2px;
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
}

.hawk-preview.modal .modal-title {
    margin: 0;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*Custom Preview Styles - Denote with .hawk-preview.modal */
/*End CUstom Preview Styles*/

.hawkNoResults .hawkNoResultsLabel {
    font-weight: bold;
    padding-top: 1em;
    padding-right: 0px;
    padding-bottom: 0.5em;
    padding-left: 0px;
}

.hawkNoResults .hawkNoResultsKeyword {
    font-weight: bold;
    padding-bottom: 1em;
}

.hawk-facet-tooltip {
    cursor: pointer;
}

.hawk-facet-tooltip-content {
    display: none;
}

.hawk-guidedNavWrapper .hawk-navGroup li a:hover {
    color: #F47B20;
}

div#hawkitemlist *,
div#hawktoppager *,
div#hawkbreadcrumb *,
div#hawkfacets-selections *,
div#hawkfacets *,
div#hawkbottompager *,
div#hawkbannerbottom *,
div#hawkbannerbottom2 * {
    font-family: "Hind", sans-serif;
}

.hawk-searchQuery * {
    font-size: 14px;
    font-family: "Hind", sans-serif;
}

span.hawk-title {
    font-size: 14px;
}

div#hawkfacets * {
    font-weight: 300;
    font-size: 14px;
    font-family: "Hind", sans-serif;
}

#hawk-backToTop {
    display: none;
    cursor: pointer;
    z-index: 9999;
    position: fixed;
    bottom: 70px;
    right: 10px;
    opacity: 0.4;
}

#hawk-backToTop.hover {
    opacity: 0.7;
}
/*Compare Modal*/

.hawk-preview.hawk-compare.modal .modal-body {
    height: 650px;
    width: 1200px;
    padding: 0px;
    max-height: none;
}

.bootbox.modal.fade.hawk-preview.hawk-compare.in {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -400px;
    margin-left: -600px;
    width: 1200px;
}
/*QuickView Modal*/

.hawk-preview.hawk-quickview.modal .modal-body {
    padding: 20px;
    max-height: none;
}

.bootbox.modal.fade.hawk-preview.hawk-quickview.in {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -400px;
    margin-left: -400px;
    width: 800px;
}
/*QuickView Styles*/

.hawk-quickViewContentInner {
    text-align: left;
}

.hawk-itemHover .hawk-quickView {
    display: block !important;
}

.hawk-quickView {
    z-index: 999;
    position: absolute;
    top: 23%;
    left: 17%;
    display: none;
}

.hawk-quickViewButton {
    width: 150px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-color: #fff;
    opacity: .8;
    border: 1px solid #000;
    border-radius: 5px;
    z-index: 9999;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.hawk-top {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Hind", sans-serif;
}

.hawk-maintitle {
    font-size: 32px;
    color: #07A6BB;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Hind", sans-serif;
}

.hawk-bcdivider {
    color: #07A6BB;
}

#hawkbreadcrumb .breadcrumbs {
    padding: 10px 10px 10px 10px;
    text-transform: capitalize;
}

.hawk-swatch {
    border: 1px solid #CCC;
    margin-bottom: 3px;
}

.hawksqwhite {
    font-weight: normal;
    color: #fff;
}

.hawksqblack {
    font-weight: normal;
    color: #000;
}

.hawksqblue,
.hawk-sqContent.terms h1 {
    font-weight: bold;
    color: #07A6BB;
}

.hawk-itemPrice {
    color: #07A6BB;
    font-size: 16px;
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

.hawk-itemStrikePrice {
    color: black;
    font-size: 16px;
    font-weight: 300;
    font-family: "Hind", sans-serif;
    text-align: center;
    text-decoration: line-through;
}

.hawk-itemRating {
    color: #07A6BB;
    font-size: 12px;
    font-weight: 500;
    font-family: "Hind", sans-serif;
}

.hawk-Promotext {
    background-color: #595959;
    color: #fff;
    font-size: 12px;
    line-height: 11px;
    float: left;
    padding: 2px 3px 1px;
    font-weight: 300;
    font-family: "Hind", sans-serif;
}

.hawk-itemWrapper .itemTitle a {
    font-size: 14px !important;
    font-weight: 300 !important;
    font-family: "Hind", sans-serif;
}

.hawketa {
    color: #BB1A00;
    font-size: 12px;
    font-weight: 300;
    font-family: "Hind", sans-serif;
}

.hawkmessage {
    color: #BB1A00;
    font-size: 14px;
    font-weight: 300;
    font-family: "Hind", sans-serif;
    margin: 15px 5px;
}
/*div#hawktoppager {
padding-bottom: 40px;
}*/

.hawk-sqMainWrapper.hawk-autoProducts .hawk-sqContent {
    height: 195px;
    padding: 9px 0;
}

.hawkswap-img-css {
    padding: 1.5px;
}

html {
    -ms-overflow-style: scrollbar;
}

.hawk-row .hawk-itemRating {
    min-width: 150px;
}

span.hawk-gridList {
    margin-top: 7px;
    float: right;
}
/* smartbug datetimepicker preview */

.smartbug-datepicker-wrapper {
    float: right;
    padding: 7px;
}

.smartbug-datepicker-wrapper .well {
    display: inline-block;
    vertical-align: top;
}

.smartbug-datepicker-wrapper .description {
    font-size: 16px;
    padding: 2px;
    display: inline-block;
}

.smartbug-datepicker-wrapper .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 195px;
}

.smartbug-datepicker-wrapper input {
    border-radius: 4px 0 0 4px;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
    height: 24px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 1px 5px;
}

.smartbug-datepicker-wrapper .input-group-addon,
.smartbug-datepicker-wrapper .input-go {
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    border-collapse: separate;
    border-left-width: 0;
}

.smartbug-datepicker-wrapper .input-go {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.smartbug-datepicker-wrapper .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-collapse: separate;
}

.bootstrap-datetimepicker-widget {
    background-color: #fff;
    position: fixed;
    z-index: 99999;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#hawksmartbug {
    position: relative;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.bootstrap-datetimepicker-widget .collapse {
    display: none;
    visibility: hidden;
}

.bootstrap-datetimepicker-widget .collapse.in {
    display: block;
    visibility: visible;
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
}

.bootstrap-datetimepicker-widget .datepicker-years span {
    padding-left: 0;
    width: 74px;
    text-align: center;
}

.bootstrap-datetimepicker-widget .btn-primary {
    font-size: 18px;
    padding: 4px 10px;
    border-radius: 4px;
}
/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media (max-width: 768px) {
    .hawk-searchQuery {
        width: 100%;
        top: 100%;
        left: 0;
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: 0 solid transparent;
    border-bottom-color: #F37624;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #F37624;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #F37624;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    padding: 0;
    height: 1.5em;
    color: #000;
}

.bootstrap-datetimepicker-widget table td {
    height: 28px;
    line-height: 28px;
}

.bootstrap-datetimepicker-widget .timepicker-picker span {
    height: 28px;
    line-height: 28px;
    color: #000;
    padding: 0;
    text-align: center;
}

.bootstrap-datetimepicker-widget table td a.btn {
    line-height: 0;
    background-color: transparent;
}

.bootstrap-datetimepicker-widget .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'hawksearch';
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0;
    padding-right: 0;
    width: auto !important;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
    content: "\e605";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
    content: "\e604";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
    content: "\e603";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
    content: "\e606";
}

.smartbug-datepicker-wrapper .icon {
    font-family: 'hawksearch';
    color: #000;
    font-style: normal;
    line-height: 0.9;
}

.bootstrap-datetimepicker-widget .glyphicon-calendar {
    font-size: 16px;
}

.smartbug-datepicker-wrapper .icon-play {
    font-size: 10px;
}

.smartbug-datepicker-wrapper .icon-calendar:before,
.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
    content: "\e60c";
}

.bootstrap-datetimepicker-widget .glyphicon-time:before {
    font-size: 16px;
    content: "\e60d";
}

.smartbug-datepicker-wrapper .icon-play:before {
    content: "\e60e";
}

.hawk-volumepricing-tooltip {
    cursor: pointer;
}

#hawkitemlist .hawk_notifycontainer,
#hawkitemlist .hawk-volumepricing-tooltip-content {
    display: none;
}

.notifymodal-right {
    float: right;
    height: 200px;
    padding-top: 26px;
}

.notifymodal-left {
    float: left;
}

.notifymodal-right-container {
    vertical-align: middle;
}

.notifymodal-top {
    font-size: 19px;
    width: 300px;
    font-weight: 700;
    font-style: italic;
}

.hawk-quickview .modal-dialog {
    width: 650px;
}

.hawk-pricing-table th,
.hawk-pricing-table td {
    min-width: 35px;
    /* padding: 0 6px 0 6px; */

    text-align: center;
    border: 1px solid #000;
}

.hawk-pricing-table {
    border: 1px solid #000;
}

.hawk-pricing-table-top th,
.hawk-pricing-table-bottom th {
    text-align: left;
    padding-left: 2px;
}

.hawk-pricing-table-bottom th {
    font-size: 10px;
    background: #efefef;
}

.hawk-pricing-table-top th {
    background: #848484;
    color: #fff;
}

.hawk-pricing-table-middle th {
    background: #cccccc;
}

.hawk-pricing-table-price td {
    background: #fff;
}

.popover.hawk-price-tt {
    background-color: #000;
}

.popover.hawk-price-tt.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.hawk-price-tt.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #000;
    bottom: -10px;
}

.popover .businessLink,
.popover .businessLink a {
    background-color: #000;
    color: #fff;
}

.mp-volprice.ph {
    width: 100px;
}

.hawk-row {
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left !important;
    margin-right: 0;
    margin-left: 0;
}