/* Beginning Core Page Structure */
html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    background-color: #3C3E40;
}
.content {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin-left:auto;
    margin-right:auto;
    background-repeat:no-repeat;
    background-color: #E1E1E1;
    background-image:
    radial-gradient(
      #FFFFFF,
      #E1E1E1
     );
}
.page-container {
    width: 100%;
    margin-left:auto;
    margin-right: auto;
}
.container {
    width: 768px;
    margin-left:auto;
    margin-right: auto;
}
.maintenance {
    width: 100%;
    height: 100%;
    text-align: center;
}
label input {
  display: none;
}
label span {
 height: 7px;
  width: 7px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid #000000;
  display: inline-block;
}
[type=checkbox]:checked + span {/* <-- style its checked state */
  background: black;
}
.requiredfield2 {
    margin-left: 75px;
    margin-top: 15px;
    margin-bottom: 15px;
    position:relative;
    display:inline-block;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}
.information {
    margin-left: 75px;
    width: 125px;
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 33px;
    text-align: right;
}
.loadmore {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #7E8183;
    color: #7E8183;;
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
    display:inline-block;
    margin-left: 355px;
    cursor: pointer;
}
.backtotop {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #7E8183;
    color: #7E8183;
    display:inline-block;
    text-align:center;
    position:relative;    
}

/* Back to top spacer for all item results pages */
.backtotopspacer1 {
    display:inline-block;
    position:absolute;
    margin-left:355px;
}

/* Back to top spacer for recent order page */
.backtotopspacer2 {
    display:inline-block;
    position:absolute;
    margin-left:790px;
    margin-top: -38px;   
}

/* Back to top spacer for addressbook */
.backtotopspacer3 {
    display:inline-block;
    position:absolute;
    margin-left:670px;
    margin-top: 0px;   
}

/* Login/Password Buttons */
.defaultButton {
    background-color:#3C3E40;
    height: 35px;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    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;
}
a.defaultButton {
    display: inline-block;
    text-transform: uppercase;
    line-height: 35px;    /* vertically aligns the link text to middle. */
}
a.defaultButton.inverted {
    color:#3C3E40;
    background-color: #FFFFFF;
}
.yourcheckoutarea .carttoggleselected,
.yourcheckoutarea .carttoggleunselected,
.addaddresscart .carttoggleselected,
.addaddresscart .carttoggleunselected,
.addaddresscart .carttoggledisabled,
.yourcheckoutarea .carttoggledisabled{
    width: 39px;
    height: 28px;
    margin-left: 18px;
    margin-bottom: 15px;    
    margin-top: 8px;
    position:relative;
    vertical-align:middle;
    cursor:pointer;
}
.yourcheckoutarea .carttoggleselected, .addaddresscart .carttoggleselected {
    background-image: url("../images/cart_toggle_select.svg");  
}
.yourcheckoutarea .carttoggleunselected, .addaddresscart .carttoggleunselected {
    background-image: url("../images/cart_toggle_unselect.svg");
}
.yourcheckoutarea .carttoggledisabled, .addaddresscart .carttoggledisabled {
    background-image: url("../images/cart_toggle_disabled.svg");
    cursor:default;
}

/* Beginning of Header Area CSS */
.header {
    height: 107px;
    width: 100%;
    background:#3C3E40;
    padding: 0px;
    margin-left:auto;
    margin-right: auto;
}
.header .logo {
    width: 210px;
    height: 60px;
    padding-top: 21px;
    display:inline;
    position:absolute;
}
.header .login {
    width:768px;
    position: absolute;
    padding-top: 10px;
    display:inline;
    text-align:right;
}
.header .login .bracket {
	color: #FFFFFF !important;
	display: inline;
}
.header .login .userinfo {
    padding-right: 8px;
    padding-left: 8px;
    display:inline;
}
.header .login .maincart {
    color: #FFFFFF;
    font-color: #FFFFFFE;
    padding-left: 8px;
    padding-right: 8px;
    display:inline;
    cursor: pointer;
}
.header .login .power {
    color: #FFFFFF !important;
    font-color: #FFFFFFE !important;
    padding-left: 8px;
    padding-right: 8px;
    display:inline;
    cursor: pointer;
}
.header .login .bell {
    color: #00FF00;
    font-color: #00FF00;
    padding-left: 8px;
    padding-right: 8px;
    display:inline;
    cursor: pointer;
}
.header .mainmenu {
    width: 532px;
    margin-top: 55px;
    display:inline-block;
    position: absolute;
    text-align:right;
    margin-left: 246px;
}
.header .mainmenu .tags {
    display:inline;
    color: #0093D1 !important;
    font-color: #0093D1 !important;
    padding-right: 20px;
    vertical-align:middle;
    cursor: pointer;
}
.header .mainmenu .flame {
    display:inline;
    color: #F15A22 !important;
    font-color: #F15A22 !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .eye {
    display:inline;
    color: #BF11BF !important;
    font-color: #BF11BF !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .box {
    display:inline;
    color: #4F6F1D !important;
    font-color: #4F6F1D !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .leaf {
    display:inline;
    color: #B2BB21 !important;
    font-color: #B2BB21 !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .star {
    display:inline;
    color: #F21674 !important;
    font-color: #F21674 !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .favsearches {
    display:inline;
    color: #70C6DD !important;
    font-color: #70C6DD !important;
    padding-right: 10px;
    cursor: pointer;
}
.header .mainmenu .favsearches .minicircle {
    position: relative;
    left: -17px;
    cursor: pointer;
}
.header .mainmenu .favsearches .minicircle2 {
    position: relative;
    left: -20px;
    margin-right: -5px;
    cursor: pointer;
}
.header .mainmenu .digcontent {
    display:inline;
    color: #EBAC0F !important;
    font-color: #EBAC0F !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .folder {
    display:inline;
    color: #980F2E !important;
    font-color: #980F2E !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .openbook {
    display:inline;
    color: #7E8183 !important;
    font-color: #7E8183 !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .megaphone {
    display:inline;
    color: #ABB8BE !important;
    font-color: #ABB8BE !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .mainmenu .search {
    display:inline;
    color: #FFFFFF !important;
    font-color: #FFFFFFE !important;
    padding-right: 20px;
    cursor: pointer;
}
.header .searchbar {
    display: inline;
    line-height: 10px;
    width: 510px;
}
.header .searchbar .circlespacer {
    height: 5px;
    display:inline;
}
.header .searchbar .close {
    display: inline-block;
    width: 12px;
    text-align:center;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    line-height: 12px;
    vertical-align: middle;
    cursor: pointer;
}

/* Beginning of Announcements CSS */
.announcements {
    height: 100%;
    width: 100%;
    background:#797C7F;
    padding: 0;
}
.announcements .circlespacer {
    height: 5px;
}
.announcements .closeAnn {
    width: 25px;
    height: 25px;
    margin-right:auto;
    margin-left:auto;
    margin-top: 5px;
    text-align:center;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    line-height: 12px;
    vertical-align:middle;
    cursor: pointer;
}
.announcements .slides {
    margin-right:auto;
    margin-left:auto;
    height: 100%;
    width: 768px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    background:#797C7F;
    text-align: center;
    vertical-align: text-top;
    line-height: 20px;
}
.announcements .style {
    height: 100%;
    text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
}
.announcements .style img {
    display: inline;
    padding-right:10px;
    vertical-align:middle;
}

/* Beginning of Middle Menu CSS */
.middlemenu {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    height: 100px;
    margin-bottom: 10px;
}
.middlemenu .bgpad {
    background-color: #FFFFFF;
    width: 768px;
    height: 120px;
    display: inline-block;
    vertical-align: middle;
}   
.middlemenu .mybrands {
    margin-top: 10px;
    margin-left: 10px;
    background-color: rgb(25, 86, 149);
    position: absolute;
    width: 748px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
}
.middlemenu .mybrands .title {
    height: 116px;
    width: 179px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    padding-top: 25px;
    margin-left: 15px;
    display:inline-block;
    vertical-align: top;
    text-transform: uppercase;
}
.middlemenu .mybrands .titlereset {
    width: 179px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    margin-left: 3px;
    display:inline-block;
    vertical-align: top;
    cursor: pointer;
}
.middlemenu .mybrands .brands {
    height: 80px;
    width: 180px;
    max-height: 80px;
    max-width: 180px;
    overflow: hidden;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    padding-top: 17px;
    line-height: 30px;
    margin-right: 15px;
    margin-left: -8px;
    cursor: pointer;   
}
.middlemenu .mybrands .brands .menu {
  border-width: 6.68px;
  border-color: #FFFFFF;
  border-style: solid;
  background-color: #0093D1;
  box-shadow: 0px 7px 6.51px 0.49px rgba(0, 0, 0, 0.35);
  position: absolute;
  left:174px;
  top:-10px;
  width: 200px;
  z-index: 999;
  display:inline-block;
  text-align:center;
  padding-top: 17px;
  line-height: 30px;    
}
.middlemenu .mybrands .brands .menu .selecions {
    margin-left: -32px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    vertical-align:central;
    text-align:left;
    list-style:none;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
}
.middlemenu .mybrands .category {
    height: 80px;
    width: 180px;
    max-height: 80px;
    max-width: 180px;
    overflow: hidden;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    padding-top: 17px;
    line-height: 30px;
    margin-right: 15px;
    margin-left: -8px;
    cursor: pointer;        
}
.middlemenu .mybrands .category .menu {
  border-width: 6.68px;
  border-color: #FFFFFF;
  border-style: solid;
  background-color: #0093D1;
  box-shadow: 0px 7px 6.51px 0.49px rgba(0, 0, 0, 0.35);
  position: absolute;
  left:360px;
  top:-10px;
  width: 200px;
  z-index: 999;
  display:inline-block;
  text-align:center;
  padding-top: 17px;
  line-height: 30px;    
}
.middlemenu .mybrands .category .menu .selecions {
    margin-left: -32px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    vertical-align:central;
    text-align:left;
    list-style:none;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
}
.middlemenu .mybrands .subcategory {
    height: 80px;
    width: 170px;
    max-height: 80px;
    max-width: 170px;
    overflow: hidden;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    padding-top: 17px;
    line-height: 30px;
    margin-left: -5px;
    cursor: pointer;  
}
.middlemenu .mybrands .subcategory .menu {
  border-width: 6.68px;
  border-color: #FFFFFF;
  border-style: solid;
  background-color: #0093D1;
  box-shadow: 0px 7px 6.51px 0.49px rgba(0, 0, 0, 0.35);
  position: absolute;
  left:456px;
  top:-10px;
  width: 200px;
  z-index: 999;
  display:inline-block;
  text-align:center;
  padding-top: 17px;
  line-height: 30px;    
}
.middlemenu .mybrands .subcategory .menu .selecions {
    margin-left: -32px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    vertical-align:central;
    text-align:left;
    list-style:none;
    line-height: 30px;
    cursor: pointer;
    text-transform: uppercase;
}

/* Beginning of Bottom Menu CSS */
.bottommenu {
    width: 100%;
    height: 200px;
    margin-left:auto;
    margin-right:auto;
}
.bottommenu .bgpad {
    background-color: #FFFFFF;
    height: 190px;
    width: 768px;
    vertical-align: central;
    display: inline-block;
    padding-top: 10px;
}
.bottommenu .buttons {
    width: 100%;
    height: 122px;
    vertical-align:central;
    text-align:center;
    line-height: 50px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    padding-top: 55px;
    
}
.bottommenu .buttonssm {
    width: 100%;
    height: 50px;
    padding-top: 5px;
    vertical-align:central;
    text-align:center;
    padding-top: -10px;
    line-height: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    font-color: #FFFFFF;
    color: #FFFFFF;
}
.bottommenu .buttonssm2 {
    width: 100%;
    height: 50px;
    padding-top: 5px;
    vertical-align:central;
    text-align:center;
    padding-top: -1px;
    line-height: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    display:inline-block;
}
.bottommenu .buttonssm3 {
    width: 100%;
    height: 46px;
    vertical-align:central;
    text-align:center;
    padding-top: -1px;
    line-height: 15px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    font-color: #FFFFFF;
    color: #FFFFFF;
    
}
.bottommenu .hotitems {
    height: 179px;
    width: 179px;
    background-color: #F15A22;
    margin-left: 10px;
    vertical-align: middle;
    display:inline-block;
    cursor: pointer;
}
.bottommenu .itemwatch {
    height: 179px;
    width: 179px;
    background-color: #711471;
    margin-left: 7px;
    vertical-align: middle;
    display:inline-block;
    cursor: pointer;
}
.bottommenu .recentorders {
    height: 179px;
    width: 179px;
    background-color: #4F6F1D;
    margin-left: 7px;
    vertical-align: middle;
    display:inline-block;
    cursor: pointer;
}
.bottommenu .lastsquare {
    width: 179px;
    height: 179px;
    display: inline;
    vertical-align: top;
}
.bottommenu .favoriteitems {
    height: 55px;
    width: 85px;
    background-color: #F21674;
    margin-left: 7px;
    text-align:center;
    line-height: 15px;
    display:inline-block;
    vertical-align:top;
    cursor: pointer;
}
.bottommenu .favoritesearches {
    height: 55px;
    width: 85px;
    background-color: #70C6DD;
    margin-left: 7px;
    text-align:center;
    line-height: 15px;
    display:inline-block;
    vertical-align:top;
    cursor: pointer;
}
.bottommenu .favsearchspacer {
    margin-left: 18px;  
}
.bottommenu .minicircle {
    position: relative;
    left: -15px;
}
.favoritesearches .minicircle2 {
	position: relative;
    margin-left: -16px;
    display: inline-block;
}
.favoritesearches .minicircle {
    position: relative;
}
.bottommenu .digitalcontent {
    height: 48px;
    width: 181px;
    background-color: #EBAC0F;
    margin-left: 577px;
    margin-top: -114px;
    text-align:center;
    line-height: 15px;
    display:inline-block;
    vertical-align:top;
    z-index:-1;
    cursor: pointer;
}
.bottommenu .addressbook {
    height: 55px;
    width: 85px;
    background-color: #980F2E;
    margin-left: 577px;
    margin-top: -75px;
    text-align:center;
    line-height: 15px;
    display:inline-block;
    vertical-align:top;
    z-index:-1;
    cursor: pointer;
}
.bottommenu .viewcart {
    height: 55px;
    width: 85px;
    background-color: #1F295C;
    margin-left: 674px;
    margin-top: -95px;
    text-align:center;
    line-height: 15px;
    display:inline-block;
    vertical-align:top;
    z-index:-3;
    cursor: pointer;
}

/* Beginning of Middle and Bottom Menu Expand/Collapse CSS */
.middlecollapse {
    margin-left: 775px;
    height: 55px;
    padding-top: 10px;
    display:inline-block;
    position: absolute;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: rgb(25, 86, 149);
    color: rgb(25, 86, 149);
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    line-height: 15px;
    cursor: pointer;
}
.bottomcollapse {
    height: 55px;
    margin-left: 775px;
    margin-top: -242px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: rgb(25, 86, 149);
    color: rgb(25, 86, 149);
    display:inline-block;
    vertical-align:top;
    text-align:center;
    line-height: 15px;
    z-index:-1;
    cursor: pointer;
}
.expandmenugv {
    position:absolute;
    margin-left: 780px;
    margin-top: -35px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #7E8183;
    color: #7E8183;
    text-align:center;
    cursor: pointer;
}
.expandmenu {
    height: 55px;
    margin-left: 780px;
    margin-top: 10px;
    padding-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-color: #7E8183;
    color: #7E8183;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    line-height: 15px;
    z-index:-1;
    cursor: pointer;
}

/* Error fix for Brands Menu */
.norecordsreturned {
    display: inline-block;
    padding: 20px 0;
}
.noitemstodisplay {
    margin-top:20px;
}

/* Beginning of Content Loading */
.contentheader {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    display:inline-block;
    position:relative;
    padding-top:30px;
    padding-bottom: 10px;
    vertical-align:middle; 
}
.contentseperator {
    width: 768px;
    height: 1px;
    position: relative;
    vertical-align:bottom;
}
.contenthorizontalspacer {
    width:1px;
    height:240px;
    position:absolute;
    display:inline-block;
    vertical-align:top;
    margin-left: 383px;
    margin-right: 3px;  
}
#sortmenu {
    width: 175px;
    height: 20px; 
    position: relative;
    top: 12px;  
    left: 4px;
    text-transform: uppercase;
}

/* Filter Button and Spotlight */
.filterbuttonspacer {
    margin-top: 3.5px;
}
.filterbutton {
    position:absolute;
    width: 25px;
    height: 24px;
    margin-top:27px;
    margin-left: 20px;
    display: inline-block;
    vertical-align:middle;
    text-align:center;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
}
.filterarea {
    width: 768px;
    margin-top: 5px;
}
.filteritemclose {
    display: inline-block;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    color: #FFFFFF;
}
.filteritem {
    font-weight: 600;
    margin-top: 20px;
}
.filter {
    width: 520px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    font-color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 10px;
}
.filter .filter_title {
    position: relative;
    margin-left: 20px;
    margin-top: 35px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}
.filter .filter_info {
    position:relative;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    font-color: #000000;
    
}
.filter .filter_options {
    position:relative;
    margin-left: 10px;
    margin-top: 10px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    font-color: #000000;
    cursor: pointer;
    text-transform: uppercase;
}
.filter .filter_suboptions {
    margin-left: 40px;  
}
.filter .applybutton {
    position: relative;
    height: 25px;
    width: 93px;
    margin-top: 10px;
    margin-left: 385px;
    padding-top: 8px;
    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;
    font-color: #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;   
}
/* Gridview */
.gridview {
    width: 768px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
}
.gridview .item_one {
    width:382.5px;
    height: 225px;
    display:inline-block;
    position:absolute;
    padding-top: 7px;
}
.gridview .hspacer {
    margin-left:388px;
    position:relative;
    display:inline-block;
}

/* Gridview - Icons for Grid/Listview */
.grid_display {
    width: 25px;
    height: 24px;
    margin-left: 690px;
    margin-top: -30px;
    padding-right: 5px;
    position:absolute;
    cursor: pointer;
    color: #D7D6D6 !important;
    font-color: #3C3E40 !important;
}
.grid_displayactive {
    width: 25px;
    height: 24px;
    margin-left: 690px;
    margin-top: -30px;
    padding-right: 5px;
    position:absolute;
    cursor: pointer;
}
.displayseperator {
    margin-left: 727px;
    margin-top: -31px;
    width: 1px;
    height: 25px;
    vertical-align: top;
    position: absolute;
}

/* Listview */
.listview {
    width: 768px;
    height: 100%;
    font-family: futura-pt, sans-serif;
    font-style: normal;
}
.listview .item_one {
    width:768px;
    height: 118px;
    padding-top: 7px;
    display:inline-block;
    position: relative;
}

/* Listview - Icons for Grid/Listview */
.grid_listdisplay {
    width: 25px;
    height: 24px;
    margin-left: 738px;
    margin-top: -30px;
    color: #D7D6D6 !important;
    font-color: #D7D6D6 !important;
    position:absolute;
    cursor: pointer;
}
.grid_listdisplayactive {
    width: 25px;
    height: 24px;
    margin-left: 738px;
    margin-top: -30px;
    position:absolute;
    cursor: pointer;
}

/* Recent Orders - Order Inquiry Link */
.recentordersoverninety {
    margin-left: 575px;
    margin-top: -48px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    position:absolute;
    padding-top:20px;
    cursor: pointer;   
}

/* Your Cart Section of Cart Page */
.yourcartheader {
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    font-color: #1F295C;
    color: #1F295C;
    padding-top: 12px;
    padding-bottom: 5px;
    margin-top: -25px;
    margin-bottom: 15px;
    width: 355px;
    border: 1px solid #1F295C;
    display:inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.yourcartspacer{
    width:768px;
    height: 55px;
}
.yourcartarea .problemoptionsspacer {
    margin-bottom: 10px;    
}
.yourcheckoutheadercontainer {
    height: 100%;
    position: relative; 
    display: inline-block;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

/* Your Checkout Section of Cart Page */
.yourcheckoutheader {
    position:relative;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    font-color: #1F295C;
    color: #1F295C;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: -25px;
    margin-left: 50px;
    width: 355px;
    border: 1px solid #1F295C;
    display:inline-block;
    vertical-align:top;
    margin-bottom: 15px;
}
.spaceaddon {
    padding-left: 18px; 
}
.yourcartarea {
    width: 100%;
    padding-left:18px;
    position:relative;
    display:inline-block; 
    font-family: futura-pt, sans-serif;
    font-style: normal;
}
.yourcheckoutarea {
    width: 100%;
    padding-bottom: 8px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
}
.yourcart-cal-icon {
    height: 26px;
    position: absolute;
}
/* Your Checkout Section - Edit address and add to address book */
#mfAddAddress {
    top: 50px;
}
#mfAddAddress .addAddress {
    width: 250px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-color: #000000;
    color: #000000;
    display:inline-block;
    position:relative;
    line-height: 14px;
    margin-left: -50px;
    vertical-align: middle;
}

/* Search - Save Search Icon */
.savesearch {
    display:inline-block;
    margin-left: 5px;
    margin-right: 2px;
}
.savesearcharea {
    display:inline-block;
    cursor: pointer;
}

/*Address Book Area*/
.addressbookinst {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    position:relative;
    padding-top:20px;
    padding-bottom: 10px;

}
.addressbookmainbar {
    width: 768px;
    height: 30px;
    margin-top: 5px;
    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;
    font-color: #FFFFFF;
    color: #FFFFFF; 
    background-color: #797C7F;
    text-align:center;
}

/*Approvals Area*/
.approvalpage {
    width: 520px;
    height: 310px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    font-color: #000000;
    background-color: #FFFFFF;
    vertical-align:middle;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    border: solid 6px #00FF00;
}

/*Footer Area*/
.footer {
    height: 100%;
    color:#FFFFFF !important;
    margin-left:auto;
    margin-right: auto;
    padding-top: 24px;
    padding-bottom: 30px;
    line-height: 18px;
    z-index: 250;  
}

/* Footer Detail Area */
.footer .home {
    width: 120px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align:top;
}
.footer .smallicon {
    padding-right: 2px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inherit;
}
.footer .home .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align:top;
}
.footer .home .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 18px;
    display:inline-block;
    vertical-align: top;
    cursor: pointer;
}
.footer .orders {
    width: 120px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .orders .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .orders .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 18px;
    padding-bottom: 10px;
    display:inline-block;
    vertical-align: top;
    cursor: pointer;
}
.footer .learning {
    width: 170px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .learning .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .learning .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display:inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .sustainability {
    width:inherit;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .sustainability .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display: block;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .sustainability .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .settings {
    width:inherit;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .settings  .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display: block;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .settings  .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .mySettings {
    width:inherit;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .mySettings .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display: block;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .mySettings .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .cartview {
    width: 182px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .cartview .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .cartview .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display:inline;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .cartview .p .extraspacer {
    margin-left: 20px;
}
.footer .gotolegacysite {
    width: inherit;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .gotolegacysite .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .gotolegacysite .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    padding-bottom: 10px;
    display:inline;
    vertical-align: top;
    cursor: pointer;
}
.footer .gotolegacysite .p .extraspacer {
    margin-left: 20px;
}
.footer .loginas {
    width: 182px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .loginas .h1 {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .loginas .p {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    padding-left: 20px;
    display:inline;
    vertical-align: top;
    padding-bottom: 10px;
    cursor: pointer;
}
.footer .loginas .p .extraspacer {
    margin-left: 20px;
}
.footer .subinfo {
    width: 160px;
    padding-left: 2px;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF;
    display:inline-block;
    vertical-align: top;
}
.footer .phone {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}
.footer .email {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    font-color: #FFFFFF !important;
    color: #FFFFFF !important;
    display:inline-block;
    vertical-align: top;
}

/*Must be defined last and overrides everything*/
.hidden{
    display: none;
}