/* Common attributes for StarRatings */
.starRatings {
	display: inline-block;
}
.starDisplay {
    display: inline-block;
}
.starRating {
    display: inline-block;
    width: 15px;
    height: 15px; 
    margin-right: -1.8px; 
}
.wrappercount {
    display: inline-block;
    margin-left: 5px;
    font-weight:600;
    font-size: 1.1em;
    vertical-align: text-top;
} 
.rate-link {
    text-decoration: underline;
    cursor: pointer;
} 
/* Rating Item display */
.rateitems {
    width: 700px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background-color: #FFFFFF;
    vertical-align:middle;
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.rateitems .customMessage {
	margin: 5px 25px 15px;
}
.rateclosemodifier {
    margin-left: 630px; 
    position: relative;
}
.rateitem {
	height: 225px;	
	position: relative;
}
.rateitem .ratetitle {
    width: 300px;
    position: absolute;
    margin-left: 25px;
    margin-bottom: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}
.rateitem .ratesubtitle {
    top: -32px;
    width: 600px;
    position: absolute;
    top: 2px;
    left: 300px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.rateitem .relevancetitle {
    width: 150px;
    display: inline-block;
    position: absolute;
    top: 138px;
    left: 120px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}
.rateitem .relevancetitle .jq-star {
	cursor: default;
}
.rateitem .titlebuffer {
    margin-bottom: 0; 
}
.rateitem .impacttitle {
    width: 150px;
    position: absolute;
    top: 102px;
    left: 120px;
    display: inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}
.rateitem .impacttitle .jq-star {
	cursor: default;
}
.rateitem .wrappercount2 {
  position: absolute;
  display: inline-block;
  margin-top: -19px;
  margin-left: 85px;
  font-weight:600;
}
.starInput {
	float: right;
}
.rateitem .itemspace {
    width:400px;
    max-width:400px;
    word-wrap:break-word;
    display:inline-block;
    margin-left: 10px;
    margin-bottom:5px;
    margin-top:5px;
}
.rateitem .rateiterror {
    position:absolute;
    top: 190px;
    left: 220px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #BF2026;
    line-height: 0.9em;
}
.rateitem .rateiterror ol {
	margin: 0;
}
.rateitem .rateitbutsubmit {
    position: relative;
    top: 180px;
    left: 570px;
    width: 100px;
    line-height: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
}
.rateitem .itemratingProductimage {   
    position: absolute;
    top: 60px;
	left: 25px;
    width:85px;
    height:110px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    overflow:hidden;
    vertical-align: middle;
}
.rateitem .itemratingProductimagecontents { 
    max-width: 100%;
    max-height: 100%; 
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;  
}
.rateitem .rateitemtitle {
    position: absolute;
    top: 25px;
    left: 25px;
    display: inline-block;
    max-width: 155px;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}
.rateitem .rateitemtitle .jq-star {
	cursor: default;
} 
.rateitem .rateitemdescription {
    position: absolute;
	top: 60px;
	left: 120px;
    width: 200px;
    height: 30px;
    overflow:hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    color: #000000;
    font-color: #000000;
}
.rateitem .rateinstructions {
    width: 300px;
    position: absolute;
    top: 20px;
    left: 300px;
    overflow:hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #000000;
    font-color: #000000;
}
.rateitem .rateimpact {
    position: absolute;
    top: 59px;
    left: 300px;
    width: 382px;   
}
.rateitem .raterelevance {
    position: absolute;
    top: 105px;
    left: 300px;
    width: 382px;   
}
.rateitem .rateinsttitle {
    position: absolute;
    display:inline-block;
    overflow:hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    vertical-align:middle;
}
.rateitem .ratearrow {
    display: inline-block;
    margin-top: 5px;
    padding-right: 5px;
    vertical-align:middle;  
}
.rateitem .ratedetails {
    width: 245px;
    margin-left: 18px;
    position: absolute;
    margin-right: 10px;
    color: #000000;
    overflow:hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}
.rateitems .ratecontentseperator {
    width: 680px;
    margin-top: 15px; 
    margin-bottom: 15px;
    margin-left: 6px; 
    height: 1px;
    position: relative;
    vertical-align:bottom;
}
.rateitem .submit-rating-response {
    position: absolute;
    top: 195px;
    left: 500px;
    color: green;
    font-weight: 600;
}
.rateitem .disabled {
    opacity: 0.5;
    cursor: default;
}
/* Listview Detail */
/* Listview - Image container */
.descLink a {
    color: #0093D1 !important;
    text-decoration: underline !important;
}
.listview .imagelv {
    width:85px;
    height:110px;
    max-width:85px;
    max-height:110px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    display:inline-block;
    position:absolute;
    overflow:hidden;
    vertical-align: middle;
}
.listview .imagelvcontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;
}

/* Listview - Buttons next to image */
.listview .buttons {
    width: 38px;
    height: 27px;
    margin-left: 92px;
    display:inline-block;
    vertical-align:top;
}
.itemwatchlv {
    width: 38px;
    height: 27px;
    margin-bottom: 1px;
    position:relative;
    vertical-align:top;
    background-image: url("../images/unitemwatch_icon.svg");
    cursor: pointer;
}
.itemwatchaddedlv {
    background-image: url("../images/itemwatch_icon.svg");
    margin-bottom: 1px;
}
.listview .itemwatchlvremove {
    width: 50px;
    height: 50px;
    margin-top: -40px;
    margin-left: 440px;
    position:absolute;
    background-image: url("../images/itemwatch_remove_icon.svg");
    vertical-align:top;
    cursor: pointer;
    z-index: 35;
}
.listview .unitemwatchlvremove {
    background-image: url("../images/unitemwatch_remove_icon.svg");
}
.listview .itemspotlightlv {
    width: 38px;
    height: 27px;
    margin-bottom: 1px;
    position:relative;
    display:inline-block;
    vertical-align:top;
    background-image: url("../images/link_icon.svg");
    cursor: pointer;
}
.listview .itemshotlv {
    width: 38px;
    height: 27px;
    margin-bottom: 1px;
    position:relative;
    vertical-align:top;
    display:inline-block;
    background-image: url("../images/flame_icon.svg");
}
.listview .itemshotremovedlv {
    width: 38px;
    height: 27px;
    margin-bottom: 1px;
    position:relative;
    vertical-align:top;
    display:inline-block;
}
.listview .itemfavlv {
    width: 38px;
    height: 27px;
    margin-bottom: 1px;
    position:relative;
    vertical-align:top;
    background-image: url("../images/unfav_icon.svg");
    cursor: pointer;
}
.listview .itemfavaddedlv {
    background-image: url("../images/fav_icon.svg");
    margin-bottom: 1px;
}

/* Listview - Title (Everything Except Watchlist) */
.listview .title {
    max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    display:inline-block;
    vertical-align: top;
    padding-left: 5px;
}
.listview .expStatus {
    display:inline-block;
    position: absolute;
    left: 400px;
	max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
    vertical-align: top;
    margin-right: 2px;
}
.listview .expdte {
    display:inline-block;
    position: absolute;
    left: 400px;
    max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
    top: 20px;
}
/* Listview - Title Modifier for Watchlist */
.listview .watchlisttitlemargin {
    margin-left: 95px;
}
.listview .fdm {
    width: 25px;
    font-weight: 600;
    font-size: 12px;
    vertical-align: top;
    text-decoration: underline;
    position: relative;
    margin-top: -28px;
    margin-left: 350px;
}
.listview .fdm a:link {
    text-decoration:underline;   
}

/* Listview - Used if there is no FDM */
.listview .nofdm {
    width: 25px;
    vertical-align: top;
    position: relative;
    margin-top: -28px;
    margin-left: 350px;
    visibility: hidden;
}

/* Listview - Title (Everything Except Digital and Electronic Content and Watchlist) */
.listview .description {
    max-width: 240px;
    max-height: 90px;
    height: 90px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 138px;
    margin-top: 10px;
    line-height: 12px;
    overflow:hidden;
}

/* Listview - Title for Digital and Electronic Content */
.listview .digitaldescription {
    max-width: 500px;
    max-height: 75px;
    height: 75px;
    width: 500px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 138px;
    margin-top: 10px;
    line-height: 12px;
    overflow:hidden;
}

/* Listview - Digital quick launch link (Everything Except Watchlist) */
.listview .digitallaunchlink {
    width: 38px;
    height: 27px;
    margin-top:10px;
    margin-left: 345px;
    margin-bottom: 1px;
    position:absolute;
    display:inline-block;
    vertical-align:top;
    background-image: url("../images/digital_icon.svg");
    cursor: pointer;
    z-index: 400;
}

/* Listview - Title for Watchlist */
.listview .descriptionV2 {
    max-width: 240px;
    max-height: 38px;
    height: 38px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 100px;
    margin-top: 10px;
    line-height: 12px;
    overflow:hidden;
}

/* Listview - Item detail grid (Everything except Watchlist) */
.listview .greytop {
    position: absolute;
    top: 130px;
    width: 235px;
    height: 30px;
    margin-top: -90px;
    margin-left: 400px;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    background-color: #797C7F;
    vertical-align: middle;
    text-align:center;
    padding-top: 3px;
}
.listview .greytop .available {
    padding-left: -10px;
    width: 45px;
    display:inline-block; 
    vertical-align:middle;
    line-height: 15px;
}
.listview .greytop .packsize {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 13px;
}
.listview .greytop .uom {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.listview .greytop .alloc {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 13px;
}
.listview .greytop .pdfimage {
    width: 32px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.listview .whitetable {
    display:inline-block;
    position: relative;
    top:8px;
    width: 233px;
    height: 30px;
    margin-top: -106px;
    margin-left: 400px;
    font-weight: 600;
    font-size: 12px;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    border:1px solid #000000;
}
.listview .whitetable .availstatus {
    width: 47.2px;
    height: 30px;
    display:inline-block; 
    vertical-align:middle;
    padding-top: 7px;
    line-height: 12px;
    text-align:center;
}
.listview .whitetable .packsizestatus, .listview .whitetable .uomstatus {
    width: 47.2px;
    height: 30px;
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    line-height: 12px;
    text-align:center;
}
.listview .whitetable .allocstatus {
    width: 47.2px;  
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    margin-left: -2px;
    line-height: 12px;
    text-align:center;
    margin-top: -16px;
}
.listview .whitetable .pdfstatus {
    width: 20px;
    height: 30px;
    padding-top: 8px;
    margin-left: 4px;   
    display: inline-block;
    vertical-align:middle;
    line-height: 12px;
    text-align:center;
}
.listview .splitter {
    width:1px;
    height:100%;
    background-color:#797C7F;
    display:inline-block;
    padding-top:0;
    vertical-align:top;
}
/* Listview - Digital quick launch link */
.watchlist .listview .digitallaunchlink {
    width: 38px;
    height: 27px;
    margin-top:-65px;
    margin-left: 446px;
    margin-bottom: 1px;
    position:absolute;
    display:inline-block;
    vertical-align:top;
    background-image: url("../images/digital_icon.svg");
    cursor: pointer;
    z-index: 400;
}

/* Listview - Item detail grid for Watchlist */
.watchlist .listview .greytop {
    width: 235px;
    height: 30px;
    vertical-align: top;
    position: absolute;
    margin-top: -100px;
    margin-left: 530px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #797C7F;
    vertical-align: middle;
    text-align:center;
    padding-top: 4px;
}
.watchlist .listview .greytop .dateadd, .watchlist .listview .greytop .estarrive {
    width: 100px;
    display:inline-block;
    vertical-align:middle;
    line-height: 12px;
    margin-left: -10px;
}
.watchlist .listview .greytop .pdfimage {
    width: 45px;
    display:inline-block;
    vertical-align:middle;
    line-height: 12px;
}
.watchlist .listview .whitetable {
    position: absolute;
    width: 233px;
    height: 30px;
    vertical-align: top;
    margin-top: 56px;
    margin-left: 530px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    border:1px solid #000000;
}
.watchlist .listview .whitetable .dateaddstatus, .watchlist .listview .whitetable .estarrivestatus {
    width: 90px;    
    display: inline-block; 
    vertical-align:middle;
    margin-top: -2px;
    padding-bottom: 3px;
    line-height: 15px;
    text-align:center;
}
.watchlist .listview .whitetable .pdfstatus {
    width: 20px;
    margin-left: 10px;
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    line-height: 15px;
    text-align:center;
}
.watchlist .gridview .item_one {
    height: 185px;
}
.watchlist .contenthorizontalspacer {
    height: 192px;
}

/* Listview - Quantity input and label */
.listview .quantitylv {
    position: relative;
    margin-top: -108px;
    margin-left: 655px;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
}
.listview .quantityinputlv {
    position:absolute;
    width: 50px;
    height: 25px;
    margin-left: 5px;
    margin-top: -10px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:center;
    font-size: 12px;
    font-weight: 600;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
input[type=number] {-moz-appearance: textfield;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}

/* Listview - Add to cart button */
.listview .addtocartlv {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 20px;
    margin-left: 653px;
    padding-top: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Listview - Launch digital asset */
.listview .launchlv {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: -105px;
    margin-left: 653px;
    padding-top: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Listview digital asset missing */
.listview .assetmissing {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: -105px;
    margin-left: 653px;
    padding-top: 3px;
    padding-bottom: 4px;
    line-height: 12px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    opacity: 0.5;
}

/* Gridview Detail */
/* Gridview - Image container */
.gridview .image {
    width: 135px;
    height: 175px;
    max-width:135px;
    max-height:175px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    display:inline-block;
    position:relative;
    overflow:hidden;
    left: 0px;
    top: 0px;
}
.gridview .imagegvcontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;
}
.gridview .itemwatchgv {
    width: 38px;
    height: 27px;
    position:absolute;
    background-image: url("../images/unitemwatch_icon.svg");
    vertical-align:top;
    cursor: pointer;
    z-index: 35;
}
.gridview .itemwatchadddedgv {
    background-image: url("../images/itemwatch_icon.svg");
}
.gridview .itemwatchgvremove {
    width: 50px;
    height: 50px;
    margin-top: -3px;
    margin-left: 135px;
    position:absolute;
    display:inline-block;
    background-image: url("../images/itemwatch_remove_icon.svg");
    vertical-align:top;
    cursor: pointer;
}
.gridview .unitemwatchgvremove {
    background-image: url("../images/unitemwatch_remove_icon.svg");
}
.gridview .itemspotlightgv {
    margin-left: 99px;
    width: 38px;
    height: 27px;
    position:absolute;
    background-image: url("../images/link_icon.svg");
    vertical-align:top;
    cursor: pointer;
    z-index: 35;
}
.gridview .itemshotgv {
    margin-top: 150px;
    width: 38px;
    height: 27px;
    position:absolute;
    background-image: url("../images/flame_icon.svg");
    z-index: 35;
}
.gridview .itemfavgv {
    margin-left: 99px;
    margin-top: 150px;
    width: 38px;
    height: 27px;
    position:absolute;
    background-image: url("../images/unfav_icon.svg");
    cursor: pointer;
    z-index: 85;
}
.gridview .itemfavaddedgv {
    background-image: url("../images/fav_icon.svg");    
}

/* Gridview - Title*/
.gridview .title {
    max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    display:inline-block;
    vertical-align: top;
    padding-left: 2px;
}
.gridview .expStatus {
    display:inline-block;
    position: relative;
    float: right;
    max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
    vertical-align: top;
    margin-right: 2px;
}
.gridview .expdte {
    display:inline-block;
    position: absolute;
    top: 20px;
    left: 143px;
	max-width: 200px;
    word-wrap:break-word;
    font-weight: 600;
    font-size: 12px;
}
.gridview .fdm {
    position: relative;
    top: 13px;
    right: -4px;
    width: 10px;
    height: 10px;
    font-weight: 600;
    font-size: 12px;
    vertical-align: top;
    margin-top: -182px;
    margin-left: 351px;
    text-decoration:underline;   
}
.gridview .fdm a:link {
    text-decoration:underline;   
}

/* Gridview - Digital quick launch link (Everything Except Watchlist) */
.gridview .digitallaunchlink {
    width: 38px;
    height: 27px;
    margin-top:15px;
    margin-left: 340px;
    margin-bottom: 1px;
    position:absolute;
    display:inline-block;
    vertical-align:top;
    background-image: url("../images/digital_icon.svg");
    cursor: pointer;
    z-index: 400;
}

/* Gridview - Title (Everything Except Digital and Electronic Content and Watchlist) */
.gridview .description {
    max-width: 200px;
    height: 78px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 142px;
    margin-top: 20px;
    margin-bottom: 1px;
    line-height: 12px;
    overflow:hidden;
}
/* Gridview - Title for Digital and Electronic Content */
.gridview .digitaldescription {
    max-width: 240px;
    max-height: 95px;
    height: 95px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 142px;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 12px;
    overflow:hidden;

}

/* Gridview - Title for Watchlist */
.gridview .descriptionV2 {
    max-width: 240px;
    max-height: 33px;
    height: 33px;
    word-wrap:break-word;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-left: 142px;
    margin-top: -150px;
    line-height: 11px;
    overflow:hidden;

}

/* Gridview - Item detail grid (Everything except Watchlist) */
.gridview .greytop {
    position: relative;
    width: 235px;
    height: 30px;
    margin-left: 142px; 
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    background-color: #797C7F;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    padding-top: 7px;

}
.gridview .greytop .available {
    padding-left: -10px;
    width: 45px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.gridview .greytop .packsize {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 13px;
}
.gridview .greytop .uom {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.gridview .greytop .alloc {
    width: 47.2px;
    display:inline-block;
    vertical-align:middle;
    line-height: 13px;
    text-align:center;
}
.gridview .greytop .pdfimage {
    width: 32px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
}
.gridview .whitetable {
    position: relative;
    width: 233px;
    height: 30px;
    margin-left: 142px;
    margin-top: 0px;    
    font-weight: 600;
    font-size: 12px;
    color: #0093D1; 
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border:1px solid #000000;
}
.gridview .whitetable .availstatus {
    width: 47.2px;
    height: 30px;
    display:inline-block;
    vertical-align:middle;
    padding-top: 7px;
    line-height: 12px;
    text-align:center;
}
.gridview .whitetable .packsizestatus {
    width: 45px;
    height: 30px;
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    line-height: 12px;
    text-align:center;
}
.gridview .whitetable .uomstatus {
    width: 47.2px;
    height: 30px;   
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    line-height: 12px;
    text-align:center;
}
.gridview .whitetable .allocstatus {
    width: 47.2px;  
    display: inline-block;
    vertical-align:middle;
    padding-top: 8px;
    margin-left: -2px;
    line-height: 12px;
    text-align:center;
    margin-top: -16px;
}
.gridview .whitetable .pdfstatus {
    width: 20px;
    height: 30px;
    padding-top: 8px;
    margin-left:4px;    
    display: inline-block;
    vertical-align:middle;
    line-height: 12px;
    text-align:center;
}
.gridview .whitetable .dateaddstatus, .gridview .whitetable .estarrivestatus {
    width: 90px;    
    display: inline-block; 
    vertical-align:middle;
    padding-top: 6px;
    line-height: 15px;
    text-align:center;
}
.gridview .splitter {
    width:1px;
    height:100%;
    background-color:#797C7F;
    display:inline-block;
    padding-top:0;
    vertical-align:top;
}
/* Gridview - Watchlist Digital quick link */
.watchlist .gridview .digitallaunchlink {
    width: 38px;
    height: 27px;
    margin-top:0px;
    margin-left: 80px;
    margin-bottom: 1px;
    position:absolute;
    display:inline-block;
    vertical-align:top;
    background-image: url("../images/digital_icon.svg");
    cursor: pointer;
    z-index: 400;
}

/* Gridview - Item detail grid for Watchlist */
.watchlist .gridview .greytop {
    position: relative;
    width: 235px;
    height: 30px;
    margin-left: 142px;
    margin-top: 45px;   
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    background-color: #797C7F;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    padding-top: 7px;
}
.watchlist .gridview .greytop .dateadd {
    width: 90px;
    display:inline-block;
    vertical-align:middle;
    line-height: 12px;
    margin-left: -10px;
}
.watchlist .gridview .greytop .estarrive {
    width: 90px;
    display:inline-block;
    vertical-align:middle;
    line-height: 12px;
}
.watchlist .gridview .greytop .pdfimage {
    width: 45px;
    display:inline-block;
    vertical-align:middle;
    line-height: 12px;
}
.watchlist .gridview .whitetable {
    position: relative;
    width: 233px;
    height: 30px;
    margin-left: 142px;
    margin-top: 0px;    
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #0093D1; 
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    border:1px solid #000000;
}
.watchlist .gridview .whitetable .dateaddstatus {
    width: 90px;    
    display: inline-block; 
    vertical-align:middle;
    margin-top: -1px;
    padding-bottom: 10px;
    line-height: 15px;
    text-align:center;
}
.watchlist .gridview .whitetable .estarrivestatus {
    width: 90px;    
    display: inline-block;
    vertical-align:middle;
    padding-bottom: 10px;
    margin-top: -1px;
    line-height: 15px;
    text-align:center;
}
.watchlist .gridview .whitetable .pdfstatus {
    width: 20px;
    margin-left: 10px;
    display: inline-block;
    vertical-align:middle;
    padding-top: 7px;
    line-height: 15px;
    text-align:center;
}

/* Gridview - Quantity input and label */
.gridview .quanitygv {
    position: absolute;
    margin-top: 15px;
    left: 144px;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
}
.gridview .quanityinputgv {
    width: 50px;
    height: 25px;
    margin-left: -208px;
    margin-top: 35px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:center;
    font-size: 12px;
    font-weight: 600;
    background-color: #FFFFFF;
    position:absolute;
    -webkit-appearance: none;
}

/* Gridview - Add to cart button */
.gridview .addtocartgv {
    position: absolute;
    height: 23px;
    width: 110px;
    margin-top: 5px;
    margin-left: 262px;
    padding-top: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    color: #FFFFFF;
    cursor: pointer;
}
.gridview .assetmissing {
    position: absolute;
    height: 23px;
    width: 110px;
    margin-top: 5px;
    margin-left: 262px;
    padding-top: 3px;
    padding-bottom: 4px;
    line-height: 12px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    color: #FFFFFF;
    opacity: 0.5;
}

/* Learning Center */

.learningcenteraccordion-header {
    width: 769px;
    height: 45px;
    vertical-align: middle;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #7E8183;
    text-align: center;
    border: 1px solid #000000;
    cursor: pointer;
} 

.learningcenteraccordion-content {
    height: auto;
    color: #000000;
    border: 2px solid #3C3E40;
    display: inline-block;
}

.learningcontentseperator {
    width: 748px;
    height: 1px;
    position: relative;
    vertical-align:bottom;
}

.classification {
    width: 650px;
    height: 35px;
    padding-top: 12px;
    padding-left: 2px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    text-align: left;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-color: #FFFFFF;
    color: #FFFFFF;
}

.chevron {
    width: 50px;
    height: 25px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 2px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-color: #FFFFFF;
    color: #FFFFFF;
}

.learningcenter-list {
    width: 757px;
    padding: 5px;
    height: auto;
    font-color: #000000;
    color: #000000;
    background-image: radial-gradient( #ebebec, #DCDDDE );
}

.learningcenter-item {
    width: inherit;
}

.learningcenterimg {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 85px;
    height: 110px;
    max-width: 85px;
    max-height: 110px;
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    overflow: hidden;
    position: relative;
}

.learningcenterfiller {
    max-width: 275px;
    max-height: 50px;
    margin-left: 15px;
    margin-top: 55px;
    height: 110px;
    max-width: 300px;
    max-height: 110px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}

.learningcenterimgcontent {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    vertical-align: middle;
}

.learningcentertitle {
    margin-top: 20px;
    margin-left: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

.learningcenterdescription {
    max-width: 275px;
    max-height: 50px;
    margin-left: 15px;
    margin-top: 55px;
    overflow: hidden;
    word-wrap: break-word;
    display: inline-block;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #000000;
    color: #000000;
}

.learningcentergreytop {
    height: 23px;
    width: 110px;
    margin-top: -145px;
    margin-left: 600px;
    padding-top: 7px;
    border: 3px solid #ABB8BE;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
}

/* Add to Cart Spotlight Page - Add to cart button */
.cart {
    width: 540px;;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.cartpopuptitle {
    width: 150px;
    position:relative;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #1F295C;
}
.personalizedMessage {
    font-size: 14px;
    margin: 12px 18px;
    color: green;
}
.errorOrder {
    margin-top: 5px;
    margin-left: 75px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .75em; 
    color: #BF2026;
    position: inherit;
}
.orderInProcess {
    margin-top: 5px;
    margin-left: 25px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.0em; 
    color: blue;
    position: inherit;
}
.itemspace {
    width:225px;
    max-width: 225px;
    word-wrap:break-word;
    display:inline-block;
    margin-left: 10px;
    margin-bottom:5px;
    margin-top:5px;
}
.checkoutofcart {
    position: relative;
    background-color: #1F295C;
    height: 30px;
    width: 110px;
    line-height: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 395px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:3px solid #ABB8BE;
    border-radius: 0px;;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
    
}
.productimage { 
    width:85px;
    height:110px;
    max-width:85px;
    max-height:110px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    display:inline-block;
    position:relative;
    overflow:hidden;
    vertical-align: middle;
}
.productimagecontents { 
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;  
}
.cartitemtitle {
    position:absolute;
    display:inline-block;
    margin-left: 5px;
    margin-top: 0px;
    max-width: 155px;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #1F295C;
}
.cartitemdescription {
    position:absolute;
    display:inline-block;
    margin-left: 5px;
    margin-top: 20px;
    margin-right: 10px;
    max-width: 400px;
    max-height: 80px;
    overflow:hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    color: #000000;
}
.cartqty {
    position:absolute;
    display:inline-block;
    margin-left: 300px;
    margin-top: 95px;
    margin-right: 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #000000;  
}
.cartqtyordered {
    position:relative;
    display:inline-block;
    margin-left: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;  
}
.cartdivider {
    height: 1px;
    width: 100%;
    background-color: #1F295C;
    margin-top: 5px;
    margin-bottom: 5px;
}
.carterror {
    position:absolute;
    display: inline-block;
    margin-left: 5px;
    margin-top: 82px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #BF2026;
}
.ordereditems .checkoutcontshopping{
    float: left;
    position: relative;
    height: 21px;
    width: 110px;
    margin-top: 15px;
    margin-left: 250px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #FFFFFF;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    font-color: #1F295C;
    color: #1F295C;
    cursor: pointer;
}
/* Recent Orders Confirmation Number - Displays once an Order is Placed.*/
.recentorderconfirmation {
    margin-top: 20px;
    font-weight: 600;
}

/* Recent Orders/Order Approvals Grey bar with sort functionality*/
.recentordersmainbar {
    width: 768px;
    height: 30px;
    margin-top: 25px;
    padding-top: 5px;
    padding-left: 3px;
    vertical-align: middle;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    background-color: #797C7F;
    text-align:center;
}
.recentordersmainbar .orderdate {
    width: 102px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}
.recentordersmainbar .reqarrdate {
    width: 102px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}
.recentordersmainbar .ordernumber {
    width: 76px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}
.recentordersmainbar .status {
    width: 76px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}
.recentordersmainbar .shiptoname {
    width: 114px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}
.recentordersmainbar .ordertype {
    width: 55px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.recentordersmainbar .ordertype2 {
    width: 60px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-color: #FFFFFF;
    color: #FFFFFF; 
    text-align: center;
    line-height: 12px;
}
.recentordersmainbar .costcenter {
    width: 58px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.recentordersmainbar .costorder {
    width: 55px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.recentordersmainbar .copyorder {
    width: 60px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.recentordersmainbar .vieworderdetails {
    width: 100px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}
.recentordersmainbar .viewapprovalorderdetails {
    width: 155px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
}

/* Recent Orders/Order Approvals White Grid area where orders show up*/
.recentorderaccordion {
    width: 768px;
}
.recentorderaccordion-header {
    width: 769px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    background-color: #FFFFFF;
    text-align:center;
    border: 1px solid #000000;
    border-top-style:hidden;
}
.recentorderaccordion-header .orderdate {
    width: 99px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
}
.recentorderaccordion-header .reqarrdate {
    width: 95px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
}
.recentorderaccordion-header .ordernumber {
    width: 75px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
}
.recentorderaccordion-header .status {
    width: 69px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.recentorderaccordion-header .shiptoname {
    max-width: 119px;
    width: 119px;
    max-height: 30px;
    word-wrap:break-word;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.recentorderaccordion-header .ordertype {
    width: 50px;
    max-height: 25px;
    overflow: hidden;
    font-size:11px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    line-height: 12px;
}
.recentorderaccordion-header .costcenter {
    width: 54px;
    position:relative;
    display:inline-block;
    vertical-align: middle; 
}
.recentorderaccordion-header .copyorder {
    width: 54px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
}
.recentorderaccordion-header .copyorderEnabled {
    cursor: pointer;    
}
.recentorderaccordion-header .copyorderDisabled {
    opacity: 0.5;
    cursor: default;
}
.recentorderaccordion-header .vieworderdetails {
    width: 90px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.recentorderaccordion-header .viewapprovalorderdetails {
    width: 144px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

/* Recent Orders/Order Approval - order detail area (What shows when you click "View Order Details" arrow*/
/* Ship To and Shipping information*/
.recentorderaccordion-content {
    height:auto;
    color: #000000;
    border: 2px solid #4F6F1D;
    display:inline-block;
}
.recentorderaccordion-content2 {
    height:auto;
    font-color: #000000;
    color: #000000;
    border: 2px solid #3C3E40;
    display:inline-block;
}
.recentorderaccordion-content .divider {
    height:2px;
    width: auto;
    background-color:#4F6F1D; 
}
.recentorderaccordion-content2 .divider {
    height:2px;
    width: auto;
    background-color:#3C3E40; 
}
.recentordersshipto {
    margin-left: 5px;
    margin-top: 10px;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #4F6F1D;
}
.recentordersshipto2 {
    margin-left: 5px;
    margin-top: 10px;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #3C3E40; 
}
.recentordersshiptoname {
    max-width:300px;
    max-height: 30px;
    overflow:hidden;
    word-wrap:break-word;
    margin-left: 85px;
    margin-top: 10px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentordersshiptoaddress {
    max-width:300px;
    max-height: 30px;
    overflow:hidden;
    word-wrap:break-word;
    margin-left: 85px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
}
.recentordersshiptocity_st_zip {
    max-width:300px;
    overflow:hidden;
    word-wrap:break-word;
    margin-left: 85px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
}
.recentordersemail {
    max-width:300px;
    max-height: 30px;
    overflow:hidden;
    word-wrap:break-word;
    margin-left: 85px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
}
.recentordersemail2 {
    margin-bottom: 10px;
    max-width:300px;
    overflow:hidden;
    word-wrap:break-word;
    margin-left: 85px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
}
.recentordersshipping {
    margin-left: 350px;
    position: absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #4F6F1D;
}
.recentordersshipping2 {
    width: 100px;
    margin-left: 350px;
    padding-right: 50px;
    margin-top: -14px;
    position: relative;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-color: #3C3E40;
    color: #3C3E40;
}
.recentordersshipdatelabel {
    margin-left: 425px;
    position: relative;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentordersshipdatelabel2 {
    width:210px;
    margin-left: 400px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #000000;
    color: #000000;
}
.recentordersshipdate {
    margin-left: 25px;
    position: relative;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentordersshipvialabel {
    margin-left: 476px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentordersshipvia {
    margin-left: 557px;
    margin-top: -17px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentorderstrackinglabel {
    margin-top: 2px;
    margin-left: 476px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}
.recentorderstracking {
    margin-left: 557px;
    margin-top: -17px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #4F6F1D;
}
.recentorderstracking a:link {
    text-decoration: underline;
    color: #4F6F1D;
}
.recentorderstracking a:visited {
    text-decoration: underline;
    color: #4F6F1D;
}
.recentorderaccordion-content .orderdetail {
    width: 757px;
    padding: 5px;
    height:auto;
    color: #000000; 
    background-image:
    radial-gradient(
      #EDFDD3,
      #A1B188
     );
}
.recentorderaccordion-content2 .orderdetail {
    width: 757px;
    padding: 5px;
    height:auto;
    font-color: #000000;
    color: #000000; 
    background-image:
    radial-gradient(
      #f1f2f2,
      #cbccce
     );
}

/* Detail Information about the Order Placed*/
.recentordersimg {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    width:85px;
    height:110px;
    max-width:85px;
    max-height:110px;
    display:inline-block;
    background-color: #FFFFFF;
    border:1px solid #000000;
    overflow:hidden;
    position: relative;
}
.recentordersimgcontent {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle
}
.recentorderstitle {
    max-width: 275px;
    max-height: 20px;
    margin-top: 20px;
    margin-left: 15px;
    overflow: hidden;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    display:inline-block;
    vertical-align: top;    
}
.recentordersdescription {
    max-width: 275px;
    max-height: 50px;
    margin-left: 15px;
    margin-top: 55px;
    overflow:hidden;
    word-wrap:break-word;
    display:inline-block;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
}

/* Recent Order/Order Approval Information grid of detail*/
.recentordersgreytop {
    width: 326px;
    height: 30px;
    margin-top: 40px;
    margin-left: 315px;
    display:inline-block;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    background-color: #797C7F;
    vertical-align: middle;
    text-align:center;
    padding-top: 1px;
    padding-bottom: 1px;
}
.recentordersgreytop .qtyordered {
    margin-left: 2px;
    width: 52px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
    padding-right: 2px;
}
.recentordersgreytop .qtyshipped {
    width: 52px;
    display:inline-block; 
    vertical-align:middle;
    line-height: 15px;
}
.recentordersgreytop .pcksize {
    width: 35px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.recentordersgreytop .pcsordered {
    width: 52px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
    padding-right: 2px;
}
.recentordersgreytop .pcsshipped {
    width: 52px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.recentordersgreytop .status {
    width: 55px;
    display:inline-block;
    vertical-align:middle;
    line-height: 15px;
}
.recentorderswhitebottom {
    width: 324px;
    height: 30px;
    margin-top: 72px;
    margin-left: 315px;
    position: relative;
    display:inline-block;
    vertical-align: top;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    border:1px solid #000000;
}
.recentorderswhitebottom .divider {
    width: 1px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: #000000;
    margin-top: -8px;
    
}
.recentorderswhitebottom .qtyordered {
    margin-left: 2px;
    width: 52px;
    height: 30px;
    display:inline-block;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    padding-right: 2px;
    margin-top: 8px;
}
.recentorderswhitebottom .qtyshipped {
    width: 52px;
    height: 30px;
    display:inline-block;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}
.recentorderswhitebottom .pcksize {
    width: 28px;
    height: 30px;
    display:inline-block;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}
.recentorderswhitebottom .pcsordered {
    width: 52px;
    height: 30px;
    display:inline-block;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}
.recentorderswhitebottom .pcsshipped {
    width: 45px;
    height: 30px;
    display:inline-block;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}
.recentorderswhitebottom .status {
    width: 55px;
    /* height: 30px; */
    display:inline-block;
    font-weight: 600;
    color: #000000;
    vertical-align:middle;
    line-height: 12px;
    text-align:center;
    margin-top: -5px;
    vertical-align: middle;
}
/*
.recentorderswhitebottom .status {
    width: 55px;
    height: 30px;
    display:inline-block;
    font-weight: 600;
    color: #000000; 
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}*/
.recentorderswhitebottom .status2 {
    width: 55px;
    height: 30px;
    display:inline-block;
    font-weight: 600;
    vertical-align:middle;
    line-height: 15px;
    text-align:center;
    margin-top: 8px;
}

/* Recent Orders horizontal divider of all fields*/
.horizontaldivider {
    width: 1px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background-color: #000000;   
}

/* Order Inquiry spotlight page*/
.orderinquiry {
    width: 550px;
    height: 100%;
    border: solid 6px #4F6F1D;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.orderinquiry .closespacer {
    margin-left: 480px;
}
.orderinquiry .title {
    position:relative;
    margin-left: 20px;
    margin-top: 55px;
    font-weight: 600;
    font-size: 14px;
    color: #4F6F1D;
}
.orderinquiry .oi_info {
    position:relative;
    margin-left: 20px;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}
.orderinquiry .shiptonameheader {
    position:relative;
    margin-left: 20px;
    padding-right: 6px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    display: inline-block; 
}
.orderinquiry .ordernumberheader {
    position:relative;
    margin-left: 20px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    display: inline-block;   
}
.orderinquiry .shiptonameinput {
    width: 410px;
    height: 20px;
    position:relative;
    margin-top: 15px;
    margin-left: 5px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:left;
    font-size: 12px;
    font-weight: 400;
    color: #4F6F1D;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield; 
}
.orderinquiry .ordernumberinput {
    width: 410px;
    height: 20px;
    position:relative;
    margin-top: 15px;
    margin-left: 5px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:left;
    font-size: 12px;
    font-weight: 400;
    color: #4F6F1D;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield; 
}
.orderinquiry .startingodheader {
    position:relative;
    margin-left: 20px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    display: inline-block; 
}
.orderinquiry .startingodinput {
    width: 85px;
    height: 20px;
    position:relative;
    margin-left: 5px;
    margin-top: 15px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:center;
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #4F6F1D;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield;  
}
.orderinquiry .ui-datepicker-trigger {
    position: relative;
    vertical-align: middle;
    width: 26px;
    height: 28px;
    padding-right: 5px;
    background-repeat:no-repeat;
    cursor: pointer;
    z-index: 999;   
}
.orderinquiry .endingodheader {
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}
.orderinquiry .endingodinput {
    width: 85px;
    height: 20px;
    position:relative;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:center;
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #4F6F1D;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield; 
}
.orderinquiry .calendar1 {
    position: relative;
    margin-left: 160px;
    display:inline-block;
}
.orderinquiry .calendar2 {
    position: relative;
    margin-left: 165px;
    display:inline-block;   
}
.orderinquiry .search-buttons {
    margin-bottom: 5px;
    margin-left: 282px;
    text-align: center;
}
.orderinquiry .search-button {
    height: 40px;
    width: 100px;
    padding: 2px;
    border: 3px solid #ABB8BE;
    border-radius: 0px;
    margin: 20px;
    margin-left: 1px;
    color: #FFFFFF;
    background-color: #4F6F1D;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    vertical-align: middle;
    text-align:center;
    cursor: pointer;  
    word-wrap:break-word;
    line-height: 15px;
    white-space: normal;
    -webkit-appearance: none;
}
/* Order Approval Buttons/Comments*/
.approvers-commentArea-textarea-container {
    width: 500px;
    height: 300px;
}
.approvers-commentArea-textarea {
    position: relative;
    margin-left: 20px;
    font-family: futura-pt, sans-serif;
    border: 1px solid #1F295C;
    width: 400px;
    padding: 5px;
    margin-bottom: 15px;    
}
.approvpersonalbut {
    display:inline-block;
    position: absolute;
    background-color: #3C3E40;
    height: 19px;
    width: 100px;
    margin-top: 110px;
    margin-left: 315px;
    padding-top: 2px;
    border: 3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.approvbut {
    display:inline-block;
    position: absolute;
    background-color: #3C3E40;
    height: 35px;
    width: 100px;
    margin-top: 25px;
    margin-left: 95px;
    padding-top: 2px;
    border: 3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.declinebut {
    display:inline-block;
    position: absolute;
    background-color: #3C3E40;
    height: 35px;
    width: 100px;
    margin-top: 25px;
    margin-left: 208px;
    padding-top: 2px;
    border: 3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.orderdetail .disabled {
    opacity: 0.5;
    cursor: default;
}
.orderdetail .starDisplay {
    position: absolute;
    margin-top: 37px;
    margin-left: 14px;
}
.orderdetail .wrappercount {
    font-size: .75em;
}
.approverscomments {
    display:inline-block;
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-color: #3C3E40;
    color: #3C3E40; 
}
.qtyo {
    border: 1px solid #cbccce;
    width: 40px;
    height:20px;
    margin-top: -6px;
    text-align:center;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;    
}

/* Save Search Spotlight*/
.savesearchmain {
    width: 450px;
    height: 125px;
    border: solid 6px #0093D1;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.savesearchmaindel {
    width: 450px;
    height: 125px;
    border: solid 6px #70C6DD;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.savesearchtitle {
    width: 425px;
    max-width: 425px;
    word-wrap:break-word;
    overflow: hidden;
    position:absolute;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #0093D1;
    text-align:center;
}
.savesearchtitledel {
    width: 425px;
    max-width: 425px;
    word-wrap:break-word;
    overflow: hidden;
    position:absolute;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #70C6DD;
    text-align:center;
}
.savesearchbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 75px;
    margin-left: 15px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #0093D1;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.delsavesearchbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 75px;
    margin-left: 15px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #70C6DD;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.savesearchcancelbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 75px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #0093D1;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.delsearchcancelbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 75px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #70C6DD;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Favorite Searches Spotlight */
.favsearch {
    width: 520px;
    height: 190px;
    border: solid 6px #70C6DD;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.favsearch .disabled {
    opacity: 0.5;
    cursor: default;
}
.favsearch .title {
    position:absolute;
    margin-left: 20px;
    margin-top: 25px;
    font-weight: 600;
    font-size: 14px;
    color: #70C6DD;
}
.favsearch .fav_info {
    position:absolute;
    margin-left: 20px;
    margin-top: 60px;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}
.favsearchbox {
    width: 300px;
    height: 30px;
    background-color: #FFFFFF;
    border: 2px solid #70C6DD;
    display: inline-block;
    margin-left:20px;
    vertical-align:middle;
    margin-top:95px;
    padding-left:2px;
    cursor: pointer;
}
.favsearchboxbutton {
    position:absolute;
    width: 34px;
    height: 34px;
    margin-top:95px;
    margin-left: -3px;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #70C6DD;
}
.favsearchboxbuttonsp {
    margin-top:10px;
}
.favsearchselect {
    width: 300px;
    height: 30px;
    margin-top: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #70C6DD;
}
.favsearchmenu {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    margin-left: -4px;
    margin-top:-3px;
    box-shadow: 0px 7px 6.51px 0.49px rgba(0, 0, 0, 0.35);
    position: absolute;
    width: 337px;
    z-index: 999;
    text-align:center;
    padding-top: 17px;
    line-height: 30px;
    background-color: #70C6DD;  
}
.favsortoptions{
    width: 300px;
    margin-left: -25px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
    vertical-align:central;
    text-align:left;
    list-style:none;
    line-height: 30px;
    cursor: pointer;
}
.delfavsearchbut {
    position: absolute;
    background-color: #70C6DD;
    height: 20px;
    width: 143px;
    margin-top: 15px;
    margin-left: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.favsearchbut {
    position: absolute;
    background-color: #70C6DD;
    height: 20px;
    width: 93px;
    margin-top: 15px;
    margin-left: 405px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer; 
}

/* Your Checkout Section of Cart Page */
.yourcheckoutarea .step1 {
    width: 355px;
    height: 28px;
    margin-top: 5px;
    border: 1px solid #1F295C;
    border-left-style:hidden;
    border-right-style:hidden;
    background-color: #1F295C;
}
.yourcheckoutarea .step2 {
    width: 355px;
    height: 28px;
    margin-top: 20px;
    border: 1px solid #1F295C;
    border-left-style:hidden;
    border-right-style:hidden;
    background-color: #1F295C;
}
.yourcheckoutarea .step3 {
    width: 355px;
    height: 28px;
    margin-top: 20px;
    border: 1px solid #1F295C;
    border-left-style:hidden;
    border-right-style:hidden;
    background-color: #1F295C;
}
.yourcheckoutarea .selectanaddress {
    width: 200px;
    margin-left: 18px;
    margin-top: 18px;
    font-weight: 600;
    font-size: 14px;
    color: #1F295C;
    position:relative;
    display: inline-block;
}
.yourcheckoutarea .selectanaddressicon {
    margin-left: 95px;
    color: #1F295C;
    position:relative;
    display: inline-block;
    cursor: pointer;
}
.yourcheckoutarea .selectlettertype {
    margin-top: 10px;
    margin-left: 18px;
    color: #1F295C;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}
.yourcheckoutarea .inputprompt {
    margin-top: 10px;
    margin-left: 18px;
    color: #1F295C;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}
.yourcheckoutarea .personalLetbut {
    position: relative;
    height: 23px;
    width: 110px;
    padding-top: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 146px;
}
.yourcheckoutarea .disable {
    opacity: 0.5;
    cursor: default;
}

.yourcheckoutarea .letterinput {
    font-size: 14px;
    position: relative;
    margin-left: 18px;
    width: 225px;
    height: 25px;
    display: inline-block;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0px;   
    padding-left: 3px;  
}
.yourcheckoutarea .selectLetter {
    width: 225px;
    position: relative;
    margin-left: 18px;
    margin-bottom: 3px;
    border: 3px solid #ABB8BE;
}
.yourcheckoutarea .selectLetter select {
    background-color: #1F295C;
}
.yourcheckoutarea .shippingto {
    width: 200px;
    margin-left: 18px;
    margin-top: 18px;
    font-weight: 600;
    font-size: 14px;
    color: #1F295C;
    position:relative;
}
.yourcheckoutarea .shippingaddedit {
    width: 100px;
    margin-left: 315px;
    margin-top: -16px;
    font-weight: 700;
    font-size: 12px;
    color: #1F295C;
    position:absolute;
    cursor:pointer;
}
.yourcheckoutarea .shippingaddress {
    width: 300px;
    max-width: 300px;
    word-wrap:break-word;
    margin-left: 18px;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    position:relative;
    text-decoration: none;
}
.yourcheckoutarea .cartinformation {
    margin-left: 18px;
    margin-top: 18px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    position:relative;
}
.yourcheckoutarea .groundinfo {
    width: 250px;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    display:inline-block;
    position:relative;
    line-height: 14px;
    margin-left: 50px;
    vertical-align: middle;
}
.yourcheckoutarea .standardonorbeforeinput {
    width: 85px;
    height: 20px;
    position:relative;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:left;
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #1F295C;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin-left: 10px;      
}
.yourcheckoutarea .standardonorbeforeinput2 {
    width: 85px;
    height: 20px;
    position:relative;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:left;
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #1F295C;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin-left: 20px;      
}
.groundinfo .ui-datepicker-trigger {
    width: 26px;
    height: 28px;
    padding: 0px;
    margin-left: 121px;
    margin-top: 7px;
    background-repeat:no-repeat;
    cursor: pointer;
    z-index: 999;   
}
.yourcheckoutarea .cartdateinfo {
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    display:inline-block;
    position:relative;
    line-height: 14px;
    margin-top: -25px;
    margin-left: 200px;
    vertical-align: middle;
}
.yourcheckoutarea .checkoutcontshopping {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 10px;
    margin-left: 85px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #FFFFFF;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #1F295C;
    cursor: pointer;
}
.yourcheckoutarea .checkoutcont, .yourcheckoutarea .disabled {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 10px;
    margin-left: 20px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
}
.yourcheckoutarea .checkoutcont {
    cursor: pointer;    
}
.yourcheckoutarea .disabled {
    opacity: 0.5;
    cursor: default;
}

/*Cart Address Change */
.addaddresscart {
    width: 650px;
    border: solid 6px #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.selectaddress {
    width: 771px;
    border: solid 6px #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.locationaddressinfochange {
    margin-left: -40px;
}
.locationselectaddress {
    margin-left: 0px;
}
.addclosemargin {
    margin-left: 623px;
}
.selectContactClose {
    margin-left: 718px;
    margin-top: -35px;  
}
.savecartupdatebut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 20px;
    margin-left: 482px;
    margin-bottom: 20px;
    padding-top: 10px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/*CheckOut OverAllocaton Comment */
.allocComment {
    width: 520px;
    border: solid 6px #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.allocComment-headercontainer {
    height: 100%;
    width: 100%;
    position: relative; 
    display: inline-block;
}
.allocComment-header {
    margin-left: 30px;
    margin-top: 35px;
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    color: #1F295C;
    padding-bottom: 5px;
    width: 100%;    
    display:inline-block;
}
.allocComment-text {
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;    
}
.allocComment-table table{
    margin-left: 30px;
    text-align: left;
}
.allocComment-table table th{
    width: 200px;
}
.thaligncenter {
    text-align: center;
}
.closeallocComment-close {
    margin-left: 445px;
    margin-top: 15px;
}
.allocComment-table {
    margin-bottom: 10px;
}
.allocComment-table thead {
    font-weight: bold;
}
.allocComment-commentArea {
    width: 80%;
}
.allocComment-commentHead {
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #1F295C;
    margin-top: 10px;
    margin-left: 30px;
    padding-bottom: 5px;
    width: 100%;    
    display:inline-block;
}
.allocCommentbut-enabled, .allocCommentbut-disabled {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 28px;
    margin-left: 375px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
}
.allocCommentbut-enabled {
        opacity: 1;
        cursor: pointer; 
}
.allocCommentbut-disabled {
        opacity: 0.3;
        cursor: default; 
}
#allocComment-commentArea-textarea {
    margin-left: 30px;
    font-family: futura-pt, sans-serif;
    border: 1px solid #1F295C;
    width: 445px;
    padding: 5px;   
}
#allocCommentKeyCount{
    width: 445px;
    text-align: center;
}

/* Your Cart Area Section of Cart Page */
.yourcartarea .cartimage {
    width:85px;
    height:110px;
    max-width:85px;
    max-height:110px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    display:inline-block;
    position: relative; 
    overflow:hidden;
}
.yourcartarea .cartimagecontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;  
}
.yourcartarea .editremove {
    width: 85px;
    font-weight: 700;
    font-size: 12px;
    color: #1F295C;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    cursor: pointer;    
}
.yourcartarea .editremove .samelinelink {
    display: inline-block;    
}
.yourcartarea .titleofitem {
    width: 200px;
    height: 30px;
    max-width: 200px;
    max-height: 30px;
    word-wrap:break-word;
    overflow: hidden;
    margin-top: -147px;
    margin-left: 105px;
    font-weight: 700;
    font-size: 12px;
    color: #1F295C;
    position:absolute;  
}
.yourcartarea .descofitem {
    width: 200px;
    height: 20px;
    word-wrap:break-word;
    overflow: hidden;
    margin-top: -115px;
    margin-left: 105px;
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    color: #000000;
    position:absolute;  
}
.yourcartarea .orderitemdetails {
    margin-top: -92px;
    margin-left: 105px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    position:absolute;  
}
.yourcartarea .orderitemqty {
    margin-top: -92px;
    margin-left: 225px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    position:absolute;  
}
.yourcartarea .displayProblem .problemerror, .yourcartarea .displayProblemEntered .problemerror {
    width: 306px;
    font-weight: 700;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: -5px; 
}
.yourcartarea .overallocationserror, .yourcartarea .overallocationserrorEntered {
    width: 306px;
    font-weight: 700;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: -5px;
}

.yourcartarea .displayProblem .problemerrordetail, .yourcartarea .displayProblemEntered .problemerrordetail {
    width: 310px;
    font-weight: 400;
    font-size: 12px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px; 
}

.yourcartarea .displayProblem .problemtitle, .yourcartarea .displayProblemEntered .problemtitle {
    width: 315px;
    height: 20px;
    margin-top: 15px;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 5px;
    padding-top: 2px;
    cursor: pointer;    
}
.yourcartarea .displayProblem .problemoptions, .yourcartarea .displayProblemEntered .problemoptions {
    width: 320px;
    font-weight: 700;
    font-size: 12px;
    padding-left: 2px;
    padding-top: 2px;
    cursor: pointer;    
}

.yourcartarea .displayProblem .option2detail, .yourcartarea .displayProblemEntered .option2detail {
    width: 320px;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
    padding-left:10px;
    margin-bottom: 10px;    
}

.yourcartarea .strikethrough {
	color: #1f295c69;
	text-decoration: line-through;
}

.yourcartarea .displayPrompt
{
    width: 314px;
    height: 120px;
    margin-top: 15px;
    font-size: 14px;
}

.yourcartarea .displayPrompt .prompttitle {
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 5px;
    padding-top: 2px;
    cursor: pointer;    
}

.yourcartarea .displayPrompt .promptdetail {
   
    font-weight: 400;
    font-size: 12px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px; 
}

.yourcartarea .displayPrompt .promptoptions {
    font-weight: 700;
    font-size: 12px;
    padding-left: 2px;
    padding-top: 2px;
    cursor: pointer;    
}

.yourcartarea .addtoitemwatch {
    display:inline-block;
    vertical-align: middle;
    width: 38px;
    height: 27px;
    padding-right: 5px;
    background-image: url("../images/unitemwatch_icon.svg");
    background-repeat: no-repeat;
    cursor: pointer;    
}
.yourcartarea .addedtoitemwatch {
    display:inline-block;
    vertical-align: middle;
    width: 38px;
    height: 27px;
    padding-right: 5px;
    background-image: url("../images/itemwatch_icon.svg");
    background-repeat: no-repeat;
    cursor: pointer;    
}
.yourcartarea .starDisplay {
	position: absolute;
	margin-top: -135px;
    margin-left: 105px;
}
.yourcartarea .wrappercount {
    font-size: .70em;
    vertical-align: middle;
}
.yourcartareaseperator {
    height: 1px;
    width: 320px;
    background-color: #1F295C;
    margin-top: 12px;
    margin-right:10px;
    margin-bottom: 12px;
    margin-left: 0px;   
}
.yourcartareaseperator2 {
    height: 1px;
    width: 320px;
    background-color: #1F295C;
    margin-top: -5px;
    margin-right:10px;
    margin-bottom: 12px;
    margin-left: 17px;  
}
.yourcartareaseperatorhead {
    height: 1px;
    width: 355px;
    background-color: #1F295C;
    margin-top: 5px;
    margin-right:10px;
    margin-bottom: 12px;    
}
.yourcartcontshopping {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: -41px;
    margin-left: 225px;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #FFFFFF;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #1F295C;
    cursor: pointer;
}
.clearorder , .clearorderishidden{
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 0px;
    margin-left: 91px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer; 
}
.clearorder {
    opacity: 1;
}
.clearorderishidden {
	opacity: 0;
}
.noItemsPresent {
	margin: 0 18px;
}
.noItemsPresentHidden {
	visibility: hidden;
}
/*Edit item in your cart */
.editcartitems {
    width: 520px;
    min-height: 325px;
    border: solid 6px #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.editcartitems .editcarttitle {
    max-width: 290px;
    max-height: 30px;
    overflow: hidden;
    word-wrap:break-word;
    position:absolute;
    margin-left: 20px;
    margin-top: 65px;
    font-weight: 600;
    font-size: 14px;
    color: #1F295C;
    display: inline-block;
}
.editcartitems .editcartdesc {
    max-width: 290px;
    max-height: 30px;
    overflow: hidden;
    word-wrap:break-word;
    position:absolute;
    margin-left: 20px;
    margin-top: 100px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    display: inline-block;
}
.editcartitems .editcartarea {
    width: 350px;   
}
.editcartitems .editcartinfoheads {
    width: 100px;
    height: 85px;
    position:absolute;
    margin-left: 202px;
    margin-top: -56px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.editcartitems .editcartinfo {
    width: 100px;
    height: 85px;
    position:absolute;
    margin-left: 357px;
    margin-top: -56px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    text-align: left;
}
.editcartitems .editcartorderqty {
    max-width: 290px;
    max-height: 30px;
    overflow: hidden;
    word-wrap:break-word;
    position:absolute;
    margin-left: 20px;
    margin-top: 155px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    display: inline-block;
}
.editcartitems .editcartimage {
    width: 135px;
    height: 175px;
    margin-left: 40px;
    margin-top: 65px;
    max-width:135px;
    max-height:175px;
    background-color: #FFFFFF;
    border:1px solid #000000;
    display:inline-block;
    position:relative;
    overflow:hidden;
    left: 0px;
    top: 0px;
}
.editcartitems .editcartimagecontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;
}
.editcartitems .minusincrementor {
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    position: absolute;
    margin-top: 142px;
    margin-left: 110px;
    width: 40px;
    height: 30px;
    display: inline-block;
    background-color: #1F295C;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;    
}
.editcartitems .plusincrementor {
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    position: absolute;
    margin-top: 142px;
    margin-left: 10px;
    width: 40px;
    height: 30px;
    display: inline-block;
    background-color: #1F295C;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;    
}
.editcartitems .editcartqtyinput {
    font-weight: 600;
    font-size: 14px;
    color: #1F295C;
    position: relative;
    margin-top: -161px;
    margin-left: 165px;
    width: 60px;
    height: 25px;
    display: inline-block;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0px;     
}
.updatecartitembut {
    position: relative;
    height: 23px;
    width: 110px;
    margin-top: 28px;
    margin-left: 395px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/*Remove item in your cart */
.removecartitem {
    width: 450px;
    height: 125px;
    border: solid 6px #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.removecartitemtitle {
    width: 450px;
    position:relative;
    margin-top: 15px;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #1F295C;
    text-align:center;
}
.cartyesremovebut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 19px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 10px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.cartcancelbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 20px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #1F295C;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}


/* Address Book */
.addressbookmainbar .hiriserhead {
    width: 73px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: center;
    cursor: pointer;
}
.addressbookmainbar .selectContacthead {
    width: 33px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: center;
    cursor: pointer;
}
.addressbookmainbar .namehead {
    width: 140px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
    cursor: pointer;
}
.addressbookmainbar .addresshead {
    width: 175px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
}
.addressbookmainbar .cityhead {
    width: 100px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
}
.addressbookmainbar .statehead {
    width: 60px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
    cursor: pointer;
}
.addressbookmainbar .ziphead {
    width: 40px;
    margin-top: 5px;
    margin-left: -5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
    cursor: pointer;
}
.addressbookmainbar .countryhead {
    width: 100px;
    margin-top: 5px;
    margin-right: 12px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: left;
    cursor: pointer;
}
.addressbookmainbar .edithead {
    width: 50px;
    margin-top: 5px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: center;
}
.addressaccordion {
    width: 768px;
}
.addressaccordion-header, .addresses {
    width: 769px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    background-color: #FFFFFF;
    text-align:center;
    border: 1px solid #000000;
    border-top-style:hidden;
}
.addresses-header {
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    color: #1F295C;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;    
    border-bottom: 1px solid #1F295C;
    display:inline-block;
    vertical-align:top;
    text-align: center;
}
.addressaccordion-header .hiriser, .addresses .selectContact {
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #000000; 
    text-align: left;
}
.addressaccordion-header .hiriser {
    width: 40px;
    padding-left: 25px;
}
.addresses .selectContact {
    width: 20px;
    padding-left: 0;
}
.addressaccordion-header .name , .addresses .name {
    width: 140px;
    max-width: 138px;
    overflow: hidden;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: left;
    line-height: 14px;
}
.addressaccordion-header .address , .addresses .address {
    width: 170px;
    max-width: 168px;
    overflow: hidden;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: left;
    line-height: 14px;
}
.addressaccordion-header .city , .addresses .city {
    width: 103px;
    max-width: 100px;
    overflow: hidden;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: left;
    line-height: 14px;
}
.addressaccordion-header .state, .addresses .state {
    width: 40px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: center;
}
.addressaccordion-header .zip, .addresses .zip {
    width: 50px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: center;
}
.addressaccordion-header .country, .addresses .country {
    width: 120px;
    max-width: 118px;
    overflow: hidden;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000; 
    text-align: left;
    line-height: 14px;
}
.addressaccordion-header .edit {
    width: 30px;
    padding-right: 3px;
    position:relative;
    display:inline-block;
    vertical-align: middle;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #980F2E; 
    text-align: center;
    cursor: pointer;
}
.addressaccordion-content {
    width: 765px;
    height:auto;
    color: #000000;
    border: 2px solid #980F2E;
    background-color: #FFFFFF;
    display:inline-block;
}
.hiriserinput {
    width: 350px;
    height: 20px;
    margin-left: 45px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    text-align:left;
    cursor: pointer;
}
.selectContact {
    width: 350px;
    height: 20px;
    margin-left: 25px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    text-align:left;
    cursor: pointer;
}
.name_address_input {
    width: 350px;
    height: 20px;
    margin-top: 1px;
    margin-left: 40px;
    padding-left: 10px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0px;
}
.city_emailinput {
    width: 300px;
    height: 20px;
    margin-top: 1px;
    margin-left: 40px;
    padding-left: 10px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0px;
}
.state_country_phoneinput {
    width: 150px;
    height: 26px;
    margin-top: 1px;
    margin-left: 40px;
    padding-left: 10px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0px;
}
.zipinput {
    width: 120px;
    height: 20px;
    margin-top: 1px;
    margin-left: 40px;
    padding-left: 10px;
    position:absolute;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #ABB8BE;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0px;
}
.removecontactbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 10px;
    margin-left: 165px;
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #980F2E;
    border-radius: 0px;
    background-color: #FFFFFF;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #980F2E;
    cursor: pointer;
}
.updatecontactbut {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    height: 23px;
    width: 110px;
    margin-top: -98px;
    margin-left: 300px;
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.addaddressbut {
    position: relative;
    display: inline-block;
    height: 23px;
    width: 110px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Add Address Area */
.addaddress {
    width: 650px;
    height: 100%;
    border: solid 6px #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.locationaddressinfochange {
    margin-left: -40px;
}
.addclosemargin {
    margin-left: 623px;
}
.addcontactbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 20px;
    margin-left: 555px;
    margin-bottom: 20px;
    padding-top: 2px;
    padding-bottom: 11px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.addcontactlabel {
    width: 80px;
    max-width: 80px;
    border: 0px;
    height:32px;
    background-color: #980F2E;
    border-radius: 0px;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    color: #FFFFFF;
    white-space: normal;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
}

/* Remove Address */
.addremovecontact {
    width: 450px;
    height: 125px;
    border: solid 6px #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.addremovetitle {
    width: 450px;
    position:relative;
    margin-top: 15px;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #980F2E;
    text-align:center;
}
.addyesremovebut {
    position: relative;
    display:inline-block;
    height: 37px;
    width: 110px;
    margin-top: 20px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 2px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.addcancelbut {
    position: relative;
    display:inline-block;
    height: 23px;
    width: 110px;
    margin-top: 20px;
    margin-left: 12px;
    margin-bottom: 20px;
    padding-top: 8px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    background-color: #980F2E;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Approvals Area */
.approvalpage_title {
    position:absolute;
    margin-left: 20px;
    margin-top: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.approvalpage_info {
    position:absolute;
    margin-left: 20px;
    margin-top: 35px;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;    
}
.approvalmarginmodifier{
        margin-top: 65px;
}
.approvalnumber {
    position:relative;
    display:inline-block;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 25px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #00FF00;
}
.approvalnumberdescription {
    position:relative;
    display:inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}

/* Itemspotlight */
/* Core Gallery Layout */
.itemspot {
    width: 800px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.ispotclosemargin {
    margin-left: 725px; 
}
.spotlighttitle {
    max-width: 325px;
    word-wrap:break-word;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    display:inline-block;
    vertical-align: top;
    margin-left: 350px;
    margin-top: 10px;
}
.spotlightdescription {
    word-wrap:break-word;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}
.spotlightstatus {
    margin-top: 25px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    position: absolute;
    display:inline-block;   
}
.spotlightstatusvals {
    margin-top: 25px;
    margin-left: 125px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0093D1;
    position: absolute;
    display:inline-block;   
}
.spotlightqty {
    margin-top: 160px;
    margin-left: 62px;
    position: relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    vertical-align: middle; 
}

.spotlightqtyinput {
    position:relative;
    vertical-align: middle;
    width: 55px;
    height: 25px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    text-align:center;
    font-size: 12px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    display:inline-block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.spotlightaddtocart {
    position: absolute;
    height: 23px;
    width: 110px;
    padding-top: 7px;
    margin-top: 10px;
    margin-left: 58px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}

/* Gallery Modifications */
.container2 {
	width: 600px;
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.gallery {
}
.gallery .previews, .gallery .full, .gallery .desc {
	float: left;
	margin-right: 10px;
}

.gallery .desc, .gallery .full {
	width: 400px;
	font-size: 12px;
}
.gallery .desc h2 {
	margin-top: 0;
}
.gallery .previews a {
	display: block;
	margin-bottom: 10px;
}
.gallery .full img:hover {
	cursor: pointer;
}
.thumbnail-gallery {
    width: 400px;
}
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
.largeimage {
    width:233px;
    height:350px;
    max-width:233px;
    max-height:350px;
    background-color: #FFFFFF;
    display:inline-block;
    position:absolute;
    overflow:hidden;
    vertical-align: middle;
    border: 1px solid #000000;  
}
.spotlightcontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;
}
.previousarea {
    color: #7e8183;
    vertical-align: middle;
    width: 40px;
    display: inline-block;
    margin-top: 125px;
    padding-left:20px;
    padding-right:20px;
    cursor: pointer;    
}
.previousarea .modifier {
    margin-left: 255px; 
}
.marginmodifier {
    margin-top: 180px;
    margin-left: 27px;  
}
.thumbborder {
    width:67px;
    height: 100px;
    max-width: 67px;
    max-height: 100px;
    vertical-align: middle;
    border: 1px solid #000000;
    display:inline-block;
    overflow:hidden;
    position: relative;
    top: 0; left: 0; bottom: 0; right: 0;
    cursor:pointer;
}
.thumbborder .spotlightcontents {
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    vertical-align:middle;
}
.thumbnextrow {
    margin-top: 5px;
}

/* My Settings*/
.mysettingsarea .description label {
    display: inline-block;
    margin: 15px 30px 15px 0;
    width: 310px;
}
.mysettingsarea .description select {
    display: inline-block;
    margin: 15px 0;
    position: absolute;
}
.mysettingsarea .savebut {
    height: 35px;
    width: 110px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    line-height: 16px;
    vertical-align: middle;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;

}
.mysettingsarea select, .mysettingsarea option {
    min-width: 150px;
    min-height: 25px;
}


/* ItemPersonalizeJpeg */
.itemJpegDisp {
    background-color: lightgray;
}
.itemJpegDisp .container {
    max-width: 100%;
}
.itemJpegDisp img{
    max-width: 100%;
    height: auto;
    margin-top: 22px; 
}
.itemJpegDisp p{
    color: red;
    padding: 20px;
}
.awsjpgbut {
    position: absolute;
    margin-top: -47px;
    margin-left: 422px;
    height: 23px;
    width: 110px;
    padding-top: 7px;
    border:3px solid #ABB8BE;
    border-radius: 0px;
    display:inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align:center;
    vertical-align: middle;
    color: #FFFFFF;
    cursor: pointer;
}
.awsjpgdisp {
    position: absolute;
    margin-top: -52px;
    margin-left: 426px;
}
.spinner {
  background-image: url("../images/image-loader.gif"); 
  background-position: center;
  background-repeat: no-repeat; 
  height: 200px;
}