/*START----- General Rules -----START*/


/*---ELEMENTS---*/

.globalmessage h4 {
    float: none;
}

body {
    padding: 0;
    margin: 0;
    background: #FFF;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.loadingSpinner {
    background: transparent url('../images/spinner.gif') no-repeat;
    min-height: 50px;
    width: 50px;
}

.bold {
    font-weight: bold;
    background-color: #CCC;
}

img {
    border: none;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.nowrap td {
    white-space: nowrap;
}


/*---CLASSES---*/

a.disabled {
    pointer-events: none;
    cursor: default;
}

.clear {
    float: none !important;
    width: 100% !important;
    height: 1px !important;
    clear: both !important;
    line-height: 1px !important;
    font-size: 1px !important;
}

.dollars {
    text-align: right;
}

.odd {
    background: #ccc;
}

.total {
    text-align: right;
    font-weight: bold;
}


/*END----- General Rules -----END*/


/*START----- Global Message -----START*/

.globalmessage {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #CCC;
    border-bottom: 2px solid #333;
    margin: 0;
}

.globalmessage h4 {
    text-align: center;
    padding: 0;
    margin: 0;
}


/*END----- Global Message -----END*/


/*--------- Inventory Replacement Styles ------------ */

.ActiveTab {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border: 1px outset #eee;
    border-bottom: none;
    background: #7e92ba;
    cursor: hand;
}

.InactiveTab {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border: 1px outset #eee;
    border-bottom: none;
    background: #ea6;
    cursor: hand;
}

.Panel {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px outset #eee;
    border-top: none;
    background: #7e92ba;
}

.body.productlistcart-ai .Panel {
    position: static;
    border: 1px outset #eee;
    border-top: none;
    background-color: #7e92ba;
}

.ActivePanel {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px outset #eee;
    border-top: none;
    background: #7e92ba;
    visibility: visible;
}

.InactivePanel {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px outset #eee;
    border-top: none;
    background: #7e92ba;
    visibility: hidden;
}

.accessibleinvisible {
    position: absolute;
    left: -20000em;
}


/*--------- Monogramming & Personalization Verification Styles ------------ */

.aiPersonalizationProofingItem {}


/*wrapping div*/

.aiPersonalizationProofingItem table {
    width: 100%;
}

.aiPersonalizationProofingItem ul {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.aiPersonalizationProofingItem li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aiPersonalizationProofingItem td {
    width: 50%;
    text-align: left;
}

.aiPersonalizationProofingItem span {
    font-weight: bold;
}


/*The label for each monogramming line list*/


/*-------------SpecialOrder.aspx-----------*/


/*-------Bodystyles-----------*/

.specialorder-ai body {
    background: white;
}

.specialorder-ai .headlineTop {
    padding: 0;
    margin: 0 0 10px 0;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 16px;
    color: black;
    text-align: left;
}

.specialorder-ai .copyright {
    padding: 0;
    margin: 0 0 0 15px;
    font-family: Arial, Helvetica;
    font-size: 9px;
    color: black;
    float: left;
}

.specialorder-ai .logoBottom {
    float: right;
    margin-right: 25px;
    border: 1px none purple;
}


/*--------noflash images--------*/

.specialorder-ai .outsidenoflashwrapper {
    /*holds the entire non-flash special order piece*/
    border: 1px none red;
    width: 920px;
    height: auto;
    z-index: 0;
    position: relative;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

.specialorder-ai .noflashwrapper {
    /*holds the non-flash background with the images and the rep info*/
    border: 1px none blue;
    width: 900px;
    height: auto;
    z-index: 0;
    position: relative;
    top: 0;
    left: 20px;
    padding: 0 0 0 0;
    background: #FFFFFF;
}

.specialorder-ai .pngWrapper_creativity {
    position: absolute;
    display: block;
    width: 396px;
    height: 396px;
    margin: 0;
    padding: 0;
    top: -5px;
    left: -10px;
}

.specialorder-ai .pngWrapper_creativity:link,
.specialorder-ai .pngWrapper_creativity:visited {
    z-index: 100;
}

.specialorder-ai .pngWrapper_creativity:hover,
.specialorder-ai .pngWrapper_creativity:active {
    z-index: 500;
}

.specialorder-ai .pngWrapper_products {
    position: absolute;
    display: block;
    width: 358px;
    height: 358px;
    margin: 0;
    padding: 0;
    top: 218px;
    left: 260px;
}

.specialorder-ai .pngWrapper_products:link,
.specialorder-ai .pngWrapper_products:visited {
    z-index: 100;
}

.specialorder-ai .pngWrapper_products:hover,
.specialorder-ai .pngWrapper_products:active {
    z-index: 500;
}

.specialorder-ai .pngWrapper_ontarget {
    position: absolute;
    display: block;
    width: 317px;
    height: 317px;
    margin: 0;
    padding: 0;
    top: -25px;
    left: 370px;
}

.specialorder-ai .pngWrapper_ontarget:link,
.specialorder-ai .pngWrapper_ontarget:visited {
    z-index: 100;
}

.specialorder-ai .pngWrapper_ontarget:hover,
.specialorder-ai .pngWrapper_ontarget:active {
    z-index: 500;
}

.specialorder-ai .pngWrapper_ontime {
    position: absolute;
    display: block;
    width: 256px;
    height: 256px;
    margin: 0;
    padding: 0;
    top: 283px;
    left: 10px;
}

.specialorder-ai .pngWrapper_ontime:link,
.specialorder-ai .pngWrapper_ontime:visited {
    z-index: 100;
}

.specialorder-ai .pngWrapper_ontime:hover,
.specialorder-ai .pngWrapper_ontime:active {
    z-index: 500;
}


/*--------Footer holding copyright and logo------*/

.specialorder-ai .footerwrapper {
    float: left;
    width: 868px;
    border: 1px none black;
    margin: 0 0 15px 10px;
}


/*--------rep info styles---------*/

.specialorder-ai .repInfo {
    height: 495px;
    width: 160px;
    border: 1px none red;
    position: absolute;
    margin: 0;
    padding: 0 5px 0 0;
    top: 45px;
    left: 695px;
}

.specialorder-ai .repInfo p {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: black;
    text-align: left;
}

.specialorder-ai .webLinks {
    margin: 15px 0 0 0px;
}

.specialorder-ai .repInfo h5 {
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: black;
    padding: 0;
    margin: 0;
    text-align: left;
}

.specialorder-ai .repInfo .repheadshot {
    margin: 12px 0 0 0;
}

.specialorder-ai .repInfo .repemailbutton {
    margin: 15px 0 0 0px;
}


/*-------text styles----------*/

.specialorder-ai h2 {
    padding-left: 20px;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper {
    clear: both;
    width: 650px;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper p,
.specialorder-ai .textWrapper ul,
.specialorder-ai .textWrapper ul li {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: black;
    text-align: left;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper h5 {
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: black;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper2 {
    clear: both;
    width: 650px;
    margin: 0;
    padding: 0 250px 0 0;
    _padding: 0 0 0 0;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper2 p,
.specialorder-ai .textWrapper2 ul,
.specialorder-ai .textWrapper2 ul li {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: black;
    text-align: left;
    background: #FFFFFF;
}

.specialorder-ai .textWrapper2 h5 {
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: black;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #FFFFFF;
}


/*------FLASH specialorder.aspx------------*/

.specialorder-ai .outsideflashwrapper {
    /*holds the entire flash special order piece*/
    border: 1px none red;
    width: 920px;
    height: 100%;
    z-index: 0;
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.specialorder-ai .flashWrapper {
    border: 1px none blue;
    width: 900px;
    height: 100%;
    z-index: 0;
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.specialorder-ai .flashWrapperinside {
    position: relative;
    border: 1px none green;
    margin: 0;
    width: 880px;
    height: 570px;
    background: transparent url(/images/specialorder/6004bgr_bw.jpg) top left no-repeat;
    z-index: 0;
}


/*--------end specialorder.aspx styles----------*/


/*----- table styles: added for Special Order Quote table -----*/

.SPOTable {}

.SPOTable h3,
.SPOTable h4 {
    margin: 5px 0;
    font-size: 90%;
}

.SPOTable h4 {
    font-size: 80%;
}

.SODetailsHeader {
    border: #00CC99 0px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 10px 10px 0px 10px;
}

.SODetailCell {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}


/*END----- table styles: added for Special Order Quote table -----END*/


/*START----- Style Group Control -----START*/

.styleGroupControl {
    width: 100%;
    height: auto;
    position: relative;
}

.styleGroupControl h3 {
    width: 100%;
    position: relative;
    margin: 10px 0 5px 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 100%;
}

.styleGroupControl ul,
.scrollLogos {
    width: 300px;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

.styleGroupControl a,
.styleGroupControl a:link,
.styleGroupControl a:hover {
    display: block;
    position: relative;
    text-decoration: none;
}

.scrollLogos {
    overflow-x: scroll;
    overflow-y: hidden;
}

.styleGroupControl ul.logos {
    width: 4200px;
    height: 45px;
}

.styleGroupControl ul.logos li {
    width: auto;
    height: 45px;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    display: block;
    _display: inline;
}

.styleGroupControl ul li {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    _display: inline;
}

.styleGroupControl ul.logos li {
    width: auto;
    height: 45px;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    display: block;
    _display: inline;
}

.styleGroupControl ul li div {
    position: relative;
}

.styleGroupControl ul li input {
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    z-index: 10;
}

.styleGroupControl ul li .frame {
    border: 1px solid #ddd;
}

.styleGroupControl ul li a.frame:hover {
    border-color: purple;
}

.styleGroupControl ul img {
    width: 13px;
    height: 13px;
    display: block;
    border: none;
}

.styleGroupControl ul.logos img,
.styleGroupControl ul.logos input {
    width: auto;
    height: 35px;
    display: block;
    padding: 4px;
}

.styleGroupControl ul li.selected .frame {
    border: 2px solid #000;
}

.styleGroupControl ul li.selected a.frame:hover {
    border-color: purple;
}

.styleGroupControl ul li.selected .frame img {
    width: 11px;
    height: 11px;
    display: block;
}

.styleGroupControl ul.logos li.selected .frame img {
    width: auto;
    height: 35px;
    display: block;
    padding: 4px;
}

.styleGroupControl ul.logos li.selected .frame img {
    width: auto;
    height: 33px;
    display: block;
}


/*END----- Style Group Control -----END*/


/* START----- Shipping Addresses -----START */

.aiSelectShipTo-ai {
    overflow-x: scroll;
    width: auto;
}

.aiAddressList-ai {
    overflow-x: scroll;
    width: auto;
}

.aiSelectShipTo-ai .aiAddressList-ai {
    overflow-x: none;
    width: auto;
}

.aiAddressList-ai td {
    font-size: 10px;
    padding: 2px;
}

.aiAddressList-ai .AddressListColumnHeader td {
    font-weight: bold;
    vertical-align: bottom;
}


/* START---- Gift List-Tax Reporting ----START */

.aiCreateEditGiftOrderGift-ai select,
.aiReviewGiftOrderGifts-ai select {
    width: 200px;
    height: 150px;
    margin: 5px;
}

.aiReviewGiftOrderGifts-ai select {
    height: 75px;
}

.aiCreateEditGiftOrderGift-ai table.wrapper,
.aiReviewGiftOrderGifts-ai table.wrapper {
    height: auto;
    width: auto;
}

.aiCreateEditGiftOrderGift-ai .wrapper td,
.aiReviewGiftOrderGifts-ai .wrapper td {
    vertical-align: bottom;
}

.aiCreateEditGiftOrderGift-ai .wrapper td.addRemoveCol2,
.aiReviewGiftOrderGifts-ai .wrapper td.giftListCol3,
.aiReviewGiftOrderGifts-ai .wrapper td.giftListCol4 {
    padding: 5px;
    vertical-align: middle;
}

.aiCreateEditGiftOrderGift-ai .addRemoveCol2 input {
    display: block;
    width: 45px;
    margin: 5px 0;
}


/* END---- Gift List-Tax Reporting ----END */


/*START--- Order History ---START*/

.SearchTableOddRow {
    background: #aaa;
    color: #000;
}


/*END--- Order History ---END*/


/*START--- Session Timeout Warning ---START*/

#divModalBackground {
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
}

#divAjaxTimer,
#ifAjaxTimer {
    position: absolute;
    top: 0px;
    left: 30%;
    display: none;
    width: 400px;
    height: 150px;
}

#divAjaxTimer {
    background-color: #ccc;
    border: 1px solid #999;
    z-index: 2001;
}

#ifAjaxTimer {
    z-index: 2000;
}

#divAjaxContent,
#divAjaxTitle {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
}

#divAjaxTitle {
    background-color: #999;
    color: white;
}

#divAjaxContent {
    color: black;
    width: 380px;
    margin: 5px 5px 10px 5px;
}

#divAjaxButton {
    text-align: center;
    margin-bottom: 10px;
}

#divAjaxButton .confirm {
    color: #0abf00;
    width: 175px;
}

#divAjaxButton .ignore {
    color: #f00;
    width: 175px;
}


/*END--- Session Timeout Warning ---END*/


/*START--- Quick Order Page ---START*/

.aiQuickOrder-ai LI {
    FONT: 8pt/ 11pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.quickorder-ai A:link {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #4f4e4e;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

.quickorder-ai A:visited {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #4f4e4e;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

.quickorder-ai A:active {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #4f4e4e;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

.quickorder-ai A:hover {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #d3182d;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;
}

A.BodyButton:link {
    BORDER-BOTTOM: #d3182d 1px;
    BORDER-LEFT: #d3182d 1px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #d3182d;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #fff;
    FONT-SIZE: 10px;
    BORDER-TOP: #d3182d 1px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #d3182d 1px;
    TEXT-DECORATION: none;
    PADDING-TOP: 2px;
}

A.BodyButton:visited {
    BORDER-BOTTOM: #d3182d 1px;
    BORDER-LEFT: #d3182d 1px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #d3182d;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #fff;
    FONT-SIZE: 10px;
    BORDER-TOP: #d3182d 1px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #d3182d 1px;
    TEXT-DECORATION: none;
    PADDING-TOP: 2px;
}

A.BodyButton:active {
    BORDER-BOTTOM: #d3182d 1px;
    BORDER-LEFT: #d3182d 1px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #d3182d;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #fff;
    FONT-SIZE: 10px;
    BORDER-TOP: #d3182d 1px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #d3182d 1px;
    TEXT-DECORATION: none;
    PADDING-TOP: 2px;
}

A.BodyButton:hover {
    BORDER-BOTTOM: #d3182d 1px;
    BORDER-LEFT: #d3182d 1px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #d3182d;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #fff;
    FONT-SIZE: 10px;
    BORDER-TOP: #d3182d 1px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #d3182d 1px;
    TEXT-DECORATION: none;
    PADDING-TOP: 2px;
}

.quickorder-ai .BodyButton {
    MARGIN: 0px 3px 0px 0px;
}

.quickorder-ai .BodyTinyTextbox {
    MARGIN: 0px 3px 0px 0px;
}

div.aiQuickOrder-ai table.BodyTable table.BodyTableInner {
    border-collapse: collapse !important;
    border: 1px none #000;
}

.aiQuickOrder-ai .QuickOrderRow td {
    font-weight: bold !important;
}

.aiQuickOrder-ai .QuickOrderRow .BodyTableInner td {
    font-weight: normal !important;
    border: 1px none #000;
}

.aiQuickOrder-ai .BodyTableInner {
    position: relative;
}

.QuickOrderPreview,
.QuickOrderItem,
.QuickOrderDescription,
.QuickOrderDetail {
    PADDING: 5px 5px 0 0;
    FONT: normal 10px/ 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.QuickOrderPreview {
    width: 105px;
}

.aiQuickOrder-ai .QuickOrderRow .BodyTableInner .QuickOrderPreview {
    text-align: center;
}

.QuickOrderItem {
    width: 145px;
}

.QuickOrderDescription {
    width: 295px;
}

.QuickOrderDetail {
    width: 145px;
}

.QuickOrderDropship {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    COLOR: #cc0000;
    PADDING-TOP: 0px;
}

.InventoryProductDetailTable {
    border: 0;
    border-style: none;
    border-collapse: collapse;
}

.InventoryProductDetailTable>td.Spacer {
    width: 5px;
}

.InventoryProductDetailTable>span {
    white-space: nowrap;
}

.InventoryProductDetailHeader {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0;
    PADDING-RIGHT: 5px;
    FONT: bold 10px/ 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: none;
    PADDING-TOP: 5px;
    white-space: nowrap;
}

.InventoryProductDetailText {
    font-weight: normal;
}


/*END--- Quick Order Page ---END*/


/*START--- Allow Only One Button Click ---START*/

.divModalBackgroundAllowOnlyOne {
    filter: Alpha(Opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
}

.divModalBackgroundAllowOnlyOneNotVisible {
    filter: Alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
}

.divAllowOnlyOne {
    position: absolute;
    width: 500px;
    height: 200px;
    background-color: silver;
    border: 1px line;
    z-index: 2000;
}

.divAllowOnlyOneText {
    position: relative;
    width: 100%;
    height: 25%;
    background-color: silver;
    border: 1px line;
    z-index: 2010;
}

.divAllowOnlyOneImage {
    position: relative;
    width: 100%;
    height: 75%;
    background-color: silver;
    border: 1px line;
    z-index: 2020;
}

.labelAllowOnlyOne {
    position: relative;
    z-index: 2030;
}

.imgAllowOnlyOne {
    position: absolute;
    z-index: 2050;
}


/*END--- Allow Only One Button Click ---END*/


/*START--- Password Description Instructions ---START*/

.LoginText h4 {
    margin: 0;
    font-size: 1em;
}

.LoginText p {
    margin: 0;
}


/*END--- Password Description Instructions ---END*/

.BodySuccessNote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: green;
}


/*START--- Search Pack  ---START*/

.BodyHeaderColumn .SectionHeaderButton {
    float: right;
}

.aiSearch-ai div.SectionHeaderMoreInfo {
    display: none;
    margin: 5px;
    padding: 5px;
    width: 250px;
    font-size: 11px;
}


/*END--- Search Pack ---END*/


/*START -- Hot Tab Images --- START*/

.ProductImageThumbnail {
    position: relative;
}

.HotTagSecondaryImageThumbnail {
    position: absolute;
    top: 0;
    right: 0;
}

.HotTagPrimaryImageThumbnail {
    position: absolute;
    bottom: 0;
    left: 0;
}


/*END -- Hot Tab Images --- END*/


/*START -- credit card entry tabs --- START*/

.creditCardEntry ul {
    padding: 0;
    height: 22px;
}

.creditCardEntry ul li.link {
    list-style: none;
    float: left;
    border-spacing: 0px;
    padding-bottom: 10px;
}

.creditCardEntry ul li.link a {
    display: block;
    padding: 6px 20px;
    text-decoration: none !important;
    color: #666;
    background: #999;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 0px solid #fff;
}

.creditCardEntry ul li.link a:hover {
    color: #444;
    background: #eee;
}

.creditCardEntry ul li.link a.selected {
    color: #444;
    background: #eee;
}

.creditCardEntry {
    background: #fff;
    color: #111;
    margin: 0px auto;
    width: 100%;
}

[id^="creditCardEntryTabs"] {
    background: #FFF;
    border: 1px solid #eee;
    border-spacing: 0px;
}

.visaWrapperDescription {
    padding: 0 0 15px 0;
}

.visaWrapperDescription h1 {
    font: bold 24px "HelveticaNeue-BoldCond", Verdana, sans-serif;
    color: #000;
    margin: 0;
    text-decoration: none;
    padding: 0;
    text-align: left;
}

[id^="tabLinkToDiv"] {
    border: 1px solid #000000;
    padding: 10px;
}


/*END -- credit card entry tabs --- END*/


/*START--- Signature Card Preview ---START*/

.SigCardPreviewDisclaimer p {
    margin: 0;
    font-weight: bold;
    color: #00FF00;
}


/*END--- Signature Card Preview ---END*/

.aiProductCustomization-ai {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.CustomizeYourItemContainer a {
    position: relative;
    padding: 10px 15px;
    border: 1px solid #000;
    border-bottom: 1px solid #fff;
    text-align: left;
    color: #666666;
}

.LogoSelectionContainer {
    border: 1px solid #000;
    margin: 10px 0;
}

.LogoSelectionContainer h1 {
    font: 18px normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    text-align: left;
    padding: 12px;
    float: left;
    width: 125px;
}

a.customizationShowHideDetailsClass {
    float: left;
    padding: 18px 0 0 0;
    border: 0px;
    border-bottom: 0px;
    text-decoration: underline;
    font-size: 9px;
    color: #666666;
}

.logoSelectionExpander {
    clear: both;
    padding: 12px;
    width: 250px;
}

.ExtendedDecorationItem p {
    float: left;
}

.logoSelectionExpander div {
    padding: 10px 0 10px 0;
}

.aiProductCustomization-ai {
    width: 960px;
    text-align: left;
}

.aiProductCustomization-ai img.thumb {
    width: 200px;
}

.ProductDetailItemCustomization a {
    padding: 10px 20px;
    color: #fff;
    background: #b3b3b3;
    height: 35px;
    margin: 10px 0;
    text-decoration: none;
    line-height: 30px;
}

.ProductDetailItemCustomization a:hover {
    background: #999;
}

.ItemCustomizationMinimumQuantity {
    padding: 10px 0 0 0;
}

.ItemCustomizationAdditionalCost {
    padding: 10px 0;
}


/*Depreciated, use .bordered-box*/

.PersonalizationContainer {
    border: 1px solid #b3b3b3;
    margin: 10px 0;
    padding: 20px;
    overflow: hidden;
}

.PersonalizationContainer h2 {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    float: left;
    padding: 0px 10px 0 0;
}

.bordered-box {
    border: 1px solid #b3b3b3;
    margin: 10px 0;
    padding: 20px;
    overflow: hidden;
}

.bordered-box h2 {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    float: left;
    padding: 0px 10px 0 0;
}

.productCustomizationContainer .logoSelectionExpander a {
    color: #000;
    margin: 10px 0;
    text-decoration: none;
    line-height: 23px;
    font-size: 10px;
    text-decoration: underline;
}

.productCustomizationContainer .logoSelectionExpander a:hover {
    background: #999;
}

.clspersonalizationContent {
    text-align: left;
    overflow: hidden;
    padding: 25px 0 0 0;
    width: 100%;
}

.clspersonalizationContent table {
    width: 100%;
}

.clsPersonalizationData {
    float: left;
}

.clsPersonalizationLines {
    float: left;
    padding: 0 0 0 125px;
}

.clsPersonalizationLines h2 {
    font-size: 15px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    padding: 3px 0px 10px 0;
    float: none;
    line-height: normal;
}

.CustomizationTotalContainer {
    clear: both;
    text-align: right;
    width: 212px;
    margin: 0 auto;
}

#personalizationInfoTable td {
    padding: 0 0 0 10px;
}

#personalizationInfoTable th {
    text-align: right;
}

.clsPersonalizationData p {
    color: red;
    padding: 10px 0 0 0;
}

.clsLogoSelectionData p {
    color: red;
    padding: 10px 0 0 0;
}

.clsPersonalizationSpecialInstructions {
    float: right;
    padding: 0 0px 0 0;
}

.clsPersonalizationSpecialInstructions button {
    padding: 10px 20px;
    color: #fff;
    background: #b3b3b3;
    text-decoration: none;
    font-size: 10px;
    border: none;
}

.clsPersonalizationLines ul li input {
    padding: 5px;
    margin: 0px 0 20px 0;
}

.productCustomizationContainer a {
    font-size: 18px;
}

.CustomizationTotal {
    padding: 5px;
    text-align: right;
}

.CustomizationItemPrice {
    padding: 5px;
    border-bottom: 1px solid #000;
    text-align: right;
}

.customizationItemPriceAmount {
    border-bottom: 1px solid #000;
}

.customizationPersonalizationPriceAmount {
    text-align: left;
}

.CustomizationTotalItemPrice {
    padding: 5px;
    text-align: right;
}

.CustomizationTotalPrice {
    padding: 5px;
    text-align: right;
}

.ReturnToTopLink {
    text-align: right;
}

#LogoSelectionContainer {
    border: 1px solid #b3b3b3;
    margin: 10px 0;
    padding: 20px;
    overflow: hidden;
}

#LogoSelectionContainer a {
    padding: 10px 20px;
    color: #fff;
    background: #b3b3b3;
    height: 35px;
    margin: 10px 0;
    text-decoration: none;
    line-height: 30px;
}

#LogoSelectionContainer .logoSelectionExpander a {
    color: #000;
    margin: 10px 0;
    text-decoration: none;
    line-height: 23px;
    font-size: 10px;
    text-decoration: underline;
    background: none;
}

.clsLogoSelectionHeader h2 {
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    float: left;
    padding: 0px 10px 0 0;
}

.clsLogoSelectionContent table {
    width: 100%;
}

.clsLogoSelectionData {
    float: left;
}

.clsVirtualSamplesDisplay {
    float: right;
}

.clsVirtualSamplesDisplay button {
    padding: 10px 20px;
    color: #fff;
    background: #b3b3b3;
    text-decoration: none;
    font-size: 10px;
    border: none;
}

.clsLogoSelectionData {
    text-align: left;
    overflow: hidden;
    padding: 25px 0 0 0;
    float: left;
}

.CustomizationTotalContainer {
    clear: both;
    text-align: right;
    width: 212px;
    margin: 0 auto;
}

#tblLogoSelectionData td {
    padding: 0 0 0 10px;
}

#tblLogoSelectionData th {
    text-align: left;
}

.productCustomizationContainer table {
    margin: 0 auto;
}

.AddToCartButtonWrapper {
    width: 960px;
    margin: 0 auto;
}

.AddToCartButtonWrapper .BodyButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    background-color: #b3b3b3;
    BORDER: black 0px solid;
    padding: 8px 12px;
    margin-top: 3px;
    margin-left: 5px;
    margin-bottom: 10px;
}

a.ReturnToTopLink {
    padding: 10px 20px;
    color: #fff;
    background: #b3b3b3;
    text-decoration: none;
    font-size: 10px;
    border: none;
    line-height: 26px;
}

.ProductDecorationGroupColor>img {
    border-width: 0;
}

.ProductDecorationGroupColorSelected {
    border: black 1px solid;
}

.image-dropdown-container {
    margin: 10px;
    height: 150px;
}

.image-dropdown {
    /*style the "box" in its minimzed state*/
    border: 1px solid black;
    width: 250px;
    height: 70px;
    overflow: hidden;
    /*animate the dropdown collapsing*/
    transition: height 0.1s;
}

.image-dropdown:focus {
    /*when expanded, the dropdown will get native means of scrolling*/
    height: 200px;
    border: 1px solid black;
    width: 250px;
    overflow-y: scroll;
    /*animate the dropdown expanding*/
    transition: height 0.5s;
    background-color: #ffffff;
    position: absolute;
    z-index: 99999;
}

.image-dropdown input[type=radio] {
    /*hide the nasty default radio buttons!*/
    display: none;
}

.image-dropdown label.logoPromptContainer {
    height: 25px;
    text-align: center;
}

.image-dropdown label {
    /*style the labels to look like dropdown options*/
    display: none;
    margin: 10px 5px;
    padding-right: 15px;
    height: 50px;
    opacity: 0.5;
    text-align: right;
    background-repeat: no-repeat;
    background-size: 50px;
}

.image-dropdown:focus label {
    /*this is how labels render in the "expanded" state.
     we want to see only the selected radio button in the collapsed menu,
     and all of them when expanded*/
    display: block;
}

.image-dropdown input:checked+label {
    /*tricky! labels immediately following a checked radio button
      (with our markup they are semantically related) should be fully opaque
      and visible even in the collapsed menu*/
    opacity: 1 !important;
    display: block;
}

.indent {
    text-indent: 1em;
}

label.landing-page-reason-label {
    vertical-align: top;
}

textarea.landing-page-reason-textarea {
    width: 500px;
}

span.landing-page-customerName {
    font-weight: bold;
}

span.landing-page-siteBusinessUnitName {
    font-weight: bold;
}

span.landing-page-paymentMethodDisplay {
    font-weight: bold;
}

.listScroll {
    max-height: 150px;
    min-width: 500px;
    overflow-y: auto;
    border: 1px solid #000;
}

.Shipto_container .row {
    display: flex;
    padding: 15px 0;
    margin: 0;
}

.Shipto_container input {
    height: 25px;
    width: 300px;
    margin: 0 0 0 10px;
}

.Shipto_container button {
    height: 25px;
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}

.Shipto_container button:hover {
    background-color: #000;
    color: #fff;
}

.Shipto_container button[disabled]:hover {
    background-color: #fff;
    color: #000;
}

.Shipto_container .row ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Shipto_container .row li {
    padding: 15px;
    margin: 0;
}

.Shipto_container .row li p {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}

.Shipto_container .row li p button {
    margin-left: 15px;
}

.form-group .help-block {
    display: none;
}

.form-group.has-error .help-block {
    display: block;
}

input.has-error {
    border: 1px solid red;
}

select.has-error {
    border: 1px solid red;
}

.error-message {
    color: red;
    font-weight: bold;
}


/************ Responsive Password Validation ************/

ul.helper-text {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 22px;
    color: #808080;
}

ul.helper-text li.valid {
    color: #1fd34a;
}

ul.helper-text.valid {
    display: none;
}

.valid input {
    border: 2px solid #1fd34a;
}

p.password-confirm-validation-helper-text {
    display: none;
}

p.password-confirm-validation-helper-text.invalid {
    display: block;
    color: red;
}

p.current-password-validation-helper-text {
    display: block;
    color: red;
}

#PersonalizationLineEntries {
    display: flex;
    width: 350px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

p.username-not-unique-helper-text {}

.PersonalizationLineEntry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 310px;
}


/*********** Breadcrumbs Start *************/

.steps a {
    padding: 10px 12px 10px 25px;
    background: #efefef;
    position: relative;
    display: inline-block;
    color: #007ACC;
    text-decoration: none;
}

.steps a:hover {
    cursor: pointer;
    cursor: hand;
}

.steps a.disabled:hover,
a.current:hover {
    cursor: default;
}

.steps a.disabled {
    color: #000;
}

.steps a:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.steps a:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

.steps a:last-child:after {
    border: none;
}

.steps a:first-child:before {
    border: none;
}

.steps a:first-child {
    padding-left: 15px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.steps a:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.steps .current {
    background: #007ACC;
    color: #fff;
}

.steps .current:after {
    border-left-color: #007ACC;
}


/*********** Breadcrumbs End *************/

.Checkout_Main_Header {
    width: 100%;
    background-color: #999;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Title {
    padding: 25px;
    color: #fff;
    font-weight: bold;
}

.aiSelectPaymentMethod-ai input[disabled] {
    cursor: default;
    color: grey;
    opacity: .5;
}

.Shipping_Name,
.Shipping_Address,
.Shipping_ZipCityState,
.shippingReview_Content,
.Shipping_Phone,
.Shipping_titlewrapper {
    display: flex;
    flex-direction: row;
}

.sectioninput {
    display: flex;
    flex-direction: column;
    width: 45%;
    justify-content: flex-start;
    margin: 20px 5% 0 0;
}

.Shipping_Header {
    font-weight: bold;
    padding: 0px 25px 0px 0;
    ;
}

.BTN {
    padding: 10px 20px;
    background-color: #3498DB;
    border: 0px solid;
    color: #fff;
    -webkit-border-radius: 5px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 5px;
    /* Firefox 1-3.6 */
    border-radius: 5px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

.ChooseAddress {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    color: #000;
    font-weight: normal;
    margin: 0 0 0 70px;
    font-size: 12px;
}

.Shipping_titlewrapper,
.Shipping_MethodWrapper {
    padding: 25px 0;
    align-items: center;
}

.ShippingMethod_ContentWrapper {
    padding: 25px;
    background: #999;
    margin: 10px 0 0 0;
}

.Shipping_ContentWrapper span {
    padding: 10px 0;
}

.Shipping_ContentWrapper input {
    padding: 5px 5px;
}

.Shipping_LastName,
.Shipping_AddressSecond,
.Shipping_State,
.Shipping_PhoneExt {
    margin: 0;
}

.Shipping_ZipCityState .Shipping_Country,
.sectioninput {
    width: 28.3%;
}

.Shipping_PhoneExt {
    width: 150px;
}

.Billing_Name,
.Billing_Address,
.Billing_ZipCityState,
.BillingReview_Content,
.Billing_Phone,
.Billing_titlewrapper {
    display: flex;
    flex-direction: row;
}

.Billing_Header {
    font-weight: bold;
    padding: 0px 25px 0px 0;
}

.Billing_titlewrapper,
.Billing_MethodWrapper {
    padding: 25px 0;
    align-items: center;
}

.BillingMethod_ContentWrapper {
    padding: 25px;
    background: #999;
    margin: 10px 0 0 0;
}

.Billing_ContentWrapper span {
    padding: 10px 0;
}

.Billing_ContentWrapper input {
    padding: 5px 5px;
}

.Billing_LastName,
.Billing_AddressSecond,
.Billing_State,
.Billing_PhoneExt {
    margin: 0;
}

.Billing_ZipCityState .sectioninput {
    width: 28.3%;
}

.Billing_PhoneExt {
    width: 150px;
}

.Billing_SameAsShipping {}

.payment_CardNumber,
.payment_titlewrapper,
.payment_PaymentInformation,
.payment_ExpirationYear,
.payment_ExpirationMonth,
.payment_PaymentSecurity,
.payment_SecurityCode {
    display: flex;
    flex-direction: row;
}

.payment_Header {
    font-weight: bold;
    padding: 0px 25px 0px 0;
}

.payment_ContentWrapper,
.payment_ContentWrapper,
.Payment_ReviewOrder {
    padding: 25px 0;
    align-items: center;
    border-bottom: 1px solid #999;
}

.payment_ContentWrapper span {
    padding: 10px 0;
}

.payment_ContentWrapper input {
    padding: 5px 5px;
}

.Item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px;
    border-bottom: 1px solid #000;
}

.Item_Image img {
    width: 150px;
    padding: 0 25px;
}

.Item_ItemDetailTop {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.Item_Wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Item_DecorationLocationName {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Item_PriceQty {
    text-align: right;
}

.Item_Total {
    text-align: right;
    align-self: flex-end;
}

.Item_ItemDetail {
    width: 90%;
}

.Item_Note {
    text-align: right;
}

.LineSummary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #000;
}

.LineSummary:last-child {
    border-bottom: 0px solid #000;
}

.Item:last-child {
    border-bottom: 0px solid #000;
}

.Promo_CodeWrapper {
    padding: 25px 0;
    align-items: center;
}

.PromoCode_ContentWrapper {
    padding: 25px;
    background: #999;
    margin: 10px 0 0 0;
}

.Promo_Header {
    font-weight: bold;
    padding: 0px 25px 0px 0;
}

.Billing_Header,
.Billing_ContentWrapper {
    margin: 15px auto;
    width: 95%;
}

.aiPlaceOrder-ai select {
    border-radius: 0px;
    background: #fff;
    height: 36px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-appearance: none;
    border-color: #ccc;
    padding: 0 10px;
    background-image: url(../../images/br_down.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    min-width: 150px;
}

.ShippingContinueBTN,
.BillingContinueBTN {
    margin: 25px 2.5%;
}

.Billing_SameAsShipping input {
    margin: 0 10px 0 0;
}

.PromoCode_ContentWrapper,
.ShippingMethod_ContentWrapper {
    padding: 25px;
    background: #f1f1f1;
    margin: 10px 0 0 0;
}

.shippingReview_Content,
.billingReview_Content,
.payment_ContentWrapper,
.Promo_CodeWrapper,
.Shipping_MethodWrapper,
.Payment_ReviewOrder {
    width: 95%;
    margin: 15px auto;
}

.payment_CardNumber,
.payment_ExpirationMonth,
.payment_ExpirationYear,
.payment_SecurityCode {
    display: flex;
    flex-direction: column;
}

.payment_TotalLabel {
    width: 50%;
    text-align: right;
    font-size: 35px;
}

.payment_Total {
    width: 50%;
    text-align: left;
    font-size: 24px;
    padding: 0 0 0 15px;
}

.Validation_Wrapper {
    display: flex;
    flex-direction: column;
}

.ValidationGroup {
    display: flex;
    flex-direction: column;
    padding: 15px 0 0 0;
}

.Validation_wrapper input {
    padding: 5px 5px;
}

.ValidationHeader {
    display: flex;
    flex-direction: column;
    padding: 15px 0 0 0;
}

.BTN[disabled] {
    cursor: default;
    background-color: grey;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.aiCreditCardEntry-ai select {
    border-radius: inherit;
    background: inherit;
    height: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    border-color: inherit;
    padding: inherit;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    min-width: inherit;
}

.label-required:before {
    content: "* ";
}

.Shipping_Page,
.Billing_Page,
.Review_Page {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.ViewCart_CartSummary {
    padding: 10px;
}

.User_Inputs {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.order-detail-content {
    height: 400px;
    overflow-y: auto;
    padding: 20px;
}

.approvalorders-ai .ngdialog {
    background: rgba(0, 0, 0, .4);
}

.ViewCart {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.ViewCart_CartItems {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.ViewCart_CartSummary {
    width: 20%;
    padding: 10px;
}

.approvalorders-ai .ngdialog .order-detail-content {
    height: inherit;
    text-align: left;
    padding: 15px 0;
}

.ViewCart_CopyShoppingWrapper {
    display: flex;
    flex-direction: column;
}

.approvalorders-ai .ngdialog .order-detail-content td {
    padding: 2px 5px;
}

p.Item_FreeGift {
    margin: 0;
}

.approvalorders-ai .ngdialog .order-detail-content th {
    padding: 2px 5px;
}

div .LogoItemGroup:hover {
    cursor: pointer;
}

.Decoration {
    display: flex;
    flex-direction: row;
}

.Detail_Content {
    display: flex;
    flex-direction: row;
}

.Detail_Image {
    width: 500px;
    height: 500px;
    border: 1px solid #000;
}

.Detail_Thumb img {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
}

.Detail_Thumb ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
}

.Detail_Thumb ul li {
    list-style: none;
    padding: 10px;
}

.Item_OldPrice {
    text-decoration: line-through;
}

.predictive_search_box input[type=text]::-ms-clear {
    display: none;
}

.inventoryAvailability_SizeTabs {
    display: flex;
}

.inventoryAvailability_SizePanels {
    display: flex;
}

.inventoryAvailability_SizePanels div div {
    display: none;
}

.inventoryAvailability_SizePanels .ActivePanel {
    position: relative;
    display: flex;
}

.inventoryAvailability_SizeTabs div div {
    background-color: #ea6;
}

.inventoryAvailability_SizeTabs div div.ActiveTab {
    position: relative;
    background: #7e92ba;
}

.checkboxForInventoryAvailability label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.checkboxForInventoryAvailability label span {
    padding-left: 5px;
}

@media screen and (max-width: 600px) {
    .desktop_only {
        display: none;
    }
}

@media screen and (min-width: 601px) {
    .mobile_only {
        display: none;
    }
}


/********* Mobile Image Slider Start ************/


/* jssor slider bullet navigator skin 05 css */


/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

.jssorb05 {
    position: absolute;
    left: 200px;
    top: 460px;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 23px;
    height: 23px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAeCAYAAADnydqVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RDNGREM2MzAxODY4RTIxMTg1RkVGRTIzQjUwMzk2OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEY1Q0YzQzI1Qzc5MTFFM0JBMDI4RkFCRTA5NTdERjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEY1Q0YzQzE1Qzc5MTFFM0JBMDI4RkFCRTA5NTdERjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDVFNjkxQTc4NUNFMzExQUQ1MUIyQzREMkRGQzczOCIg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')/*../images/b02.png*/
    no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -4px -4px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -34px -4px;
}

.jssorb05 .av {
    background-position: -64px -4px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -94px -4px;
}


/* jssor slider arrow navigator skin 11 css */


/*
.jssora11l                  (normal)
.jssora11r                  (normal)
.jssora11l:hover            (normal mouseover)
.jssora11r:hover            (normal mouseover)
.jssora11l.jssora11ldn      (mousedown)
.jssora11r.jssora11rdn      (mousedown)
*/

.jssora11l,
.jssora11r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 35px;
    height: 60px;
    cursor: pointer;
    background: url('data:image/png;base64,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')/*../images/a14.png*/
    no-repeat;
    overflow: hidden;
}

.jssora11l {
    background-position: -16px -30px;
    top: 225px;
    left: 0;
}

.jssora11r {
    background-position: -71px -30px;
    top: 225px;
    ;
    right: 0;
}

.jssora11l:hover {
    background-position: -136px -30px;
}

.jssora11r:hover {
    background-position: -191px -30px;
}

.jssora11l.jssora11ldn {
    background-position: -256px -30px;
}

.jssora11r.jssora11rdn {
    background-position: -311px -30px;
}

.slidesContainer {
    cursor: move;
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 500px;
    overflow: hidden;
}

.sliderContainer {
    position: relative;
    margin: 0 auto;
    width: 500px;
    height: 500px;
    overflow: hidden;
}


/*********** Mobile Image Slider End ************/


/* ---- .grid-item ---- */

.grid-item {
    float: left;
    position: relative;
}

.grid-item img {
    display: block;
    width: 100%;
}

.default-image-text {
    float: left;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    color: #FFFFFF;
}

@media screen and (min-width: 360px) {
    .grid-item {
        width: 100%;
    }
    .grid-item-width2 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .grid-item {
        width: 50%;
    }
    .grid-item-width2 {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .grid-item {
        width: 33.333%;
    }
    .grid-item-width2 {
        width: 66.666%;
    }
    .grid-item-width3 {
        width: 100%;
    }
}

.AddressModal_Wrapper {
    position: absolute;
    width: 300px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 999999;
    max-height: 90vh;
    overflow: hidden;
    padding: 25px;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out, top 500ms ease-out;
    -moz-transition: opacity 500ms ease-out, top 500ms ease-out;
    -o-transition: opacity 500ms ease-out, top 500ms ease-out;
    transition: opacity 500ms ease-out, top 500ms ease-out;
}

.AddressModal-open .AddressModal_Wrapper {
    opacity: 1;
    top: 25px;
}

.AddressModal_BG {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99999;
}

body.AddressModal-open {
    overflow: hidden;
}

.AddressModal_Header h3 {
    margin: 0;
}

.AddressModal_Content {
    max-height: 80vh;
}

.AddressModal_Header {
    height: 50px;
    display: block;
    margin-bottom: 15px;
}

.AddressModal_Body {
    max-height: 65vh;
    overflow-y: auto;
}

.AddressModal_Footer {
    padding-top: 15px;
    height: 50px;
}

.AdditionalInfoHeader {}


/* Responsive special order quote*/

.SpecialOrderQuote_input .ng-invalid {
    border: 1px solid #d3182d;
}

.SpecialOrderQuote_FindClickErrorMessage {
    color: #d3182d;
}

.SpecialOrderQuote_table table {
    width: 100%;
    border-collapse: collapse;
}

.SpecialOrderQuote_table table thead tr {
    display: none;
}

.SpecialOrderQuote_table table td {
    border: none;
    position: relative;
    padding-left: 50%;
    display: block;
}

.SpecialOrderQuote_table table th {
    text-align: left;
}

.SpecialOrderQuote_table table td:nth-of-type(1):before {
    content: "No";
}

.SpecialOrderQuote_table table td:nth-of-type(2):before {
    content: "Quote Line";
}

.SpecialOrderQuote_table table td:nth-of-type(3):before {
    content: "Item #";
}

.SpecialOrderQuote_table table td:nth-of-type(4):before {
    content: "Description";
}

.SpecialOrderQuote_table table td:nth-of-type(5):before {
    content: "Quantity";
}

.SpecialOrderQuote_table table td:nth-of-type(6):before {
    content: "Price Each";
}

.SpecialOrderQuote_table table td:nth-of-type(7):before {
    content: "Subtotal";
}

.SpecialOrderQuote_table table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

@media screen and (min-width:550px) {
    .SpecialOrderQuote_table table thead tr {
        display: table-row;
    }
    .SpecialOrderQuote_table table tr {
        display: table-row;
    }
    .SpecialOrderQuote_table table table {
        border-collapse: separate;
    }
    .SpecialOrderQuote_table table td {
        padding-left: 0;
        display: table-cell;
    }
    .SpecialOrderQuote_table table td:before {
        display: none;
    }
}

.ngdialog-content {
    position: relative;
}

.subtotal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.personalizationtotal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.total {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #000;
    justify-content: space-between;
}

.customization {
    width: 200px;
    margin: 0 auto;
}

.Selectoption {
    width: 30%;
    position: relative;
}

.Selectoption select {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    background: transparent;
    line-height: normal;
    border-radius: 0px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 5px 10px 15px;
    word-break: normal;
    height: 39px;
    font-size: 14px;
    border: 1px solid #ccc;
}

.Selectoption label {
    font-size: 12px;
    color: #9d9d9d;
    background: #fff;
}

.payment_PaymentInformation {
    display: flex;
    flex-direction: column;
}

.payment_ContentWrapper {
    font-family: arial, sans-serif;
}

.payment_titlewrapper {
    padding: 15px 0;
    font-weight: bold;
}

.payment_MethodSelection {
    display: flex;
    flex-direction: row;
    padding: 15px;
    flex-wrap: wrap;
}

.MethodSelection {
    width: 50%;
    padding-bottom: 15px;
}

.payment_CreditCardsection,
.payment_CreditCardsection1 {
    padding: 0 0 30px 0;
}

.payment_PaymentInformation {
    width: 90%;
    margin: 10px auto;
}

.payment_CreditCardsection .sectiontitle,
.payment_CreditCardsection1 .sectiontitle {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
    display: block;
}

.payment_CardNumber label {
    display: flex;
    flex-direction: column-reverse;
}

.payment_SecurityCode label {
    display: flex;
    flex-direction: column-reverse;
}

.payment_ContentWrapper span {
    padding: 0;
}

.payment_PaymentSecurity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0 0 0;
}

.payment_Budgetsection .sectiontitle {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
    display: block;
}

.payment_BudgetBalance {
    padding: 25px 0;
    display: flex;
    flex-direction: row;
}

.payment_BudgetBalance span {
    padding-right: 5px;
}

.payment_Budget_selection {
    padding-top: 10px;
    padding-left: 20px;
    display: flex;
    align-items: flex-start;
}

.payment_Budget_selection:last-child input[type=radio] {
    margin-top: 14px;
}

.payment_BudgetApply label {
    padding: 0 0 0 5px;
    display: flex;
    flex-direction: column;
    /* align-self: center; */
}

.payment_secondarypayment {
    overflow: hidden;
}

.payment_secondarypayment .payment_secondarypayment_inside .divider {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 25px;
}

.payment_secondarypayment .payment_secondarypayment_inside .divider:before {
    content: "";
    display: block;
    border-bottom: 1px solid #000;
    width: 40%;
    height: 1px;
}

.payment_secondarypayment .payment_secondarypayment_inside .divider:after {
    content: "";
    display: block;
    border-bottom: 1px solid #000;
    width: 40%;
    height: 1px;
}

.payment_CardNumber,
.payment_SecurityCode,
.payment_Budget_selectiongroup {
    position: relative;
}

.payment_CardNumber span,
.payment_SecurityCode span,
.payment_Budget_selectiongroup span {
    font-size: 14px;
    background: #fff;
    transition: all .3s ease-in, z-index .0s ease-in .3s;
    color: #9d9d9d;
    z-index: 1;
}

.payment_CardNumber input,
.payment_SecurityCode input,
.payment_Budget_selectiongroup input {
    padding: 10px 5px;
    font-size: 14px;
    transition: all .3s ease-in;
    border: 1px solid #ccc;
    position: relative;
    z-index: 2;
    background: transparent;
}

.payment_secondarypayment_balance {
    text-align: center;
}

datepicker a,
[datepicker] a,
.datepicker a {
    color: inherit;
    text-decoration: none;
}

datepicker a:hover,
[datepicker] a:hover,
.datepicker a:hover {
    text-decoration: none;
}

datepicker select,
datepicker select:focus,
datepicker select:hover,
.datepicker select,
.datepicker select:focus,
.datepicker select:hover,
[datepicker] select,
[datepicker] select:focus,
[datepicker] select:hover {
    width: 100%;
    overflow: hidden;
    background: none;
    color: #fff;
    background-color: #138EFA;
    border-radius: 2px;
    border: 0;
    margin-top: 5px;
}

datepicker,
.datepicker,
[datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 13.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    float: left;
    clear: right;
    position: relative;
}

._720kb-datepicker-calendar {
    background: white;
    color: #333;
    position: absolute;
    z-index: 999;
    min-width: 220px;
    margin: 0 auto;
    width: 101%;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    visibility: hidden;
    overflow: hidden;
    margin-left: -0.5%;
    padding: 0 0 2% 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

._720kb-datepicker-calendar._720kb-datepicker-open,
._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
    visibility: visible;
}

._720kb-datepicker-calendar-header {
    text-align: center;
    font-size: 15px;
    line-height: 40px;
}

._720kb-datepicker-calendar-header:nth-child(odd) {
    background: #138EFA;
}

._720kb-datepicker-calendar-header:nth-child(even) {
    background: #7BC6FC;
}

._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right {
    width: 15%;
    float: left;
}

._720kb-datepicker-calendar-header-middle {
    width: 70%;
}

._720kb-datepicker-calendar-header-closed-pagination::after {
    content: " \25BE";
}

._720kb-datepicker-calendar-header-opened-pagination::after {
    content: " \25BE";
    margin-left: 4px;
    position: relative;
    bottom: -3px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

._720kb-datepicker-calendar-body {
    width: 96%;
    margin: 2%;
    text-align: center;
}

._720kb-datepicker-calendar-day {
    cursor: pointer;
    font-size: 12.5px;
    width: 12.2%;
    margin: 5px 1%;
    padding: 1.5% 0;
    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

._720kb-datepicker-calendar-day:hover,
._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: rgba(0, 0, 0, 0.03);
}

._720kb-datepicker-calendar-header a,
._720kb-datepicker-calendar-header a:hover {
    text-decoration: none;
    padding: 3% 9% 4% 9%;
    font-size: 13.5px;
    color: rgba(0, 0, 0, 0.55);
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

._720kb-datepicker-calendar-header a:hover {
    color: rgba(0, 0, 0, 0.9);
    background: rgba(255, 255, 255, 0.45);
}

._720kb-datepicker-calendar-month {
    color: #fff;
}

._720kb-datepicker-calendar-month span {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.4);
}

._720kb-datepicker-calendar-month a span i {
    font-style: normal;
    font-size: 15px;
}

._720kb-datepicker-calendar-month a,
._720kb-datepicker-calendar-month a:hover {
    padding: 3px;
    margin-left: 1%;
}

._720kb-datepicker-calendar-years-pagination {
    padding: 2% 0 0 0;
    float: left;
    clear: right;
    width: 100%;
}

._720kb-datepicker-calendar-years-pagination a,
._720kb-datepicker-calendar-years-pagination a:hover {
    font-size: 12px;
    padding: 0 7px;
    font-weight: normal;
    margin: 3px 1% 0 1%;
    line-height: 20px;
    display: inline-block;
}

._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
    background: rgba(255, 255, 255, 0.45);
}

._720kb-datepicker-calendar-years-pagination-pages a,
._720kb-datepicker-calendar-years-pagination-pages a:hover {
    padding: 5px 10px;
}

._720kb-datepicker-calendar-days-header {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2% 0 2%;
    background: rgba(19, 142, 250, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

._720kb-datepicker-calendar-days-header div {
    width: 14.18%;
    font-weight: 500;
    font-size: 11.5px;
    padding: 10px 0;
    float: left;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
}

._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
    font-size: 18.5px;
    position: relative;
    bottom: -0.5px;
}

._720kb-datepicker-default-button {
    padding: 0 4.5px;
}

._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
    width: 95%;
    float: none;
    margin: 0 auto;
}

._720kb-datepicker-item-hidden {
    visibility: hidden;
}

._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
    color: rgba(0, 0, 0, 0.2);
    background: rgba(25, 2, 0, 0.02);
    cursor: default;
}


/* Shipping Instructions TextBox */

#Shippinglabeltextbox {
    resize: none;
    overflow: hidden;
}

.signaturecard-ai modal-overlay {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
}

.signaturecard-ai bs-modal-container {
    width: 100%;
    max-width: 600px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 475px;
    background: #fff
}

.signaturecard-ai .modal-body img {
    border: 1px solid #000;
}

.signaturecard-ai modal-content {
    margin: 25px
}


.OrderHistory_Wrapper {
    border: 1px solid #000;
    margin: 15px 0;
}

.OrderHistory_OrderSummary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px;
    align-items: center;
}

.OrderHistory_OrderDate {
    display: flex;
    flex-direction: row;
}

.OrderHistory_OrderNumber {
    display: flex;
    flex-direction: row;
}

.OrderHistory_WebID {
    display: flex;
    flex-direction: row;
}

.OrderHistory_ItemWrapper {
    width: 96%;
    margin: 15px auto;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

    .OrderHistory_ItemWrapper:last-child {
        border-bottom: 0px solid #000;
    }

.OrderHistory_OrderTotal {
    text-align: right;
}

.OrderHistory_OrderSubtotal {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_OrderTax {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_OrderShipping {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_OrderTotalTotal {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_SummarySection {
    margin: 15px;
    padding: 25px 0;
}

.OrderHistory_SummaryWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 15px 0;
    border: 1px solid #000;
    padding: 25px;
}

.OrderHistory_DetailSection {
    margin: 15px;
    padding: 25px 0;
}

.OrderHistory_DetailWrapper {
    margin: 15px 0;
    border: 1px solid #000;
    padding: 25px;
}

.OrderHistory_ProductDetail {
    padding-left: 25px;
    flex-grow: 1
}

.OrderHistory_ItemSummary {
    justify-content: flex-end;
}

.OrderHistory_ItemStatus {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_ItemPrice {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_ItemQuantity {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_ItemTotalPrice {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_QuantityShipped {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.OrderHistory_BackorderDetailSection {
    margin: 15px;
    padding: 25px 0;
}

.OrderHistory_BackorderWrapper {
    margin: 15px 0;
    border: 1px solid #000;
    padding: 25px;
}

label#backorders-label-1 {
    width: 95%;
    margin: 0 auto;
    display: block;
    padding-top: 15px;
    font-weight: bold;
}

.custom-responsive-modal-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.custom-responsive-modal_container {
    background-color: white;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.22), 0 17px 20px 0 rgba(0, 0, 0, 0.12);
    left: calc(50% - 200px);
    max-height: calc(100% - 10em);
    min-height: 10em;
    overflow-y: auto;
    position: fixed;
    top: 5em;
    width: 400px;
    z-index: 1100;
}