@import url(../../fonts/walmart/font-styles.css);

body 
{
    font-family: bogleregular;
}

#desktopHeader 
{
    background-color: #0071dc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 22px;
    padding-left: 22px;
}

#mobileHeader 
{
    background-color: #007dc6;
}

#homeBanner 
{
    background-image:url(../../images/walmart/body/homeBanner.jpg);
}

.topHeaderLinks 
{
    float: right;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin: 0 13px 0 0;
}

.topHeaderLinks:hover, .topHeaderLinks:visited
{
    color: #fff;
    text-decoration: none;
}

.bottomHeaderLinks 
{
    float: right;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin: 28px 13px 0 0;
}

.bottomHeaderLinks:hover, .bottomHeaderLinks:visited 
{
    color: #fff;
    text-decoration: none;
}

.HeaderSearchBox 
{
    width: 50%;
}

.desktopCart 
{
    float: right;
    height: 48px;
    width: 48px;
    margin-top: 9px;
    margin-right: 22px;
}

.desktopCart a:hover, .desktopCart a:visited 
{
    text-decoration: none;
}

.mobileCart 
{
    float: right;
    margin: 17px 12px 0 0;
}

.Cart-Number 
{
    color: #000000;
    background-color: #fcc120;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 10;
    margin: -52px 0px 0 32px;
    text-align: center;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}

.Cart-Number:hover, .Cart-Number:visited
{
    text-decoration: none;
}

.Home-Numbers
{   
    color: #ffffff;
    background-color: #007dc6;
    border-radius: 14px;
    width: 25px;
    height: 25px;
    display: block;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 16px;
    padding-top: 2px;
}

.home-text, .homeSteps
{
    font-weight: bold;
    text-align: center;
}

.home-text 
{
    text-align: left;
}

.homeCategories 
{
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#footerContainer 
{
    width: 100%;
    border-top: 2px solid #e9e9e9;
}

#disclaimerBG 
{
    width: 100%;
    background-color: #f2f8fd;
}

.homeIcon
{
    width: 100%;
}

#AutoCompleteResults 
{
    list-style-type: none;
}

#AutoCompleteResults .result 
{
    margin: 10px 0;
}

.result .image 
{
    float: left;
    margin-right: 10px;
}

.conditionBtn
{
    margin: 15px 0 15px 15px;
    cursor: pointer;
}

.productOutline 
{
    border: 1px solid #888;
    border-radius: 5px;
}
.productOutline:hover
{
    border: 1px solid #f47421;
    border-radius: 5px;
}

#calc-accept 
{
    
}

#AppraisalValue 
{
    float: left;
    color: #007dc6;
    font-size: 25px;
    margin-top: 6px;
}

.AppraisalPrice-dollarsup 
{
    font-size: 16px;
    font-weight: bold;
    margin: 4px 0 0 0;
    float: left;
}

.AppraisalPrice-bucks 
{
    float: left;
}

.AppraisalPrice-cents 
{
    float: left;
    font-size: 16px;
    margin-top: 3px;
}

#tradeInstructions 
{
    float: left;
    margin: 40px 0 0 0;
}

#calapp-btn 
{
    float: right;
    background: #007dc6;
    border-radius:4px;
    color: #fff;
    width: 110px;
    text-align: center;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px;
}

.cart-header 
{
    color: #b7b7b7;
}

.cart-subheader 
{
    color: #000;
}

.borderBottom 
{
    border-bottom: 1px solid #e9e9e9;
}

#CheckUserForm, #CreateNewUserForm
{
    float: left;
    width: 100%;
}

#searchbar2 
{
    float: left;
    width: 50%;
    margin-top: 19px;
}

@media (max-width: 991px) {
    .homeIcon 
    {
        width: 38%;
    }
}

@media (max-width: 768px) 
{
  .desktopDisclaimer, .desktopCart, .desktopFooterLinks, .desktopHomeContent
  {
    display: none;
  }

  .mobileCart 
  {
     display: block;
     margin: 11px 5px 0 0px;
  }

    #Category-1 
    {

    } 
    #mobileLogo {
        /*width: 65%;
     margin-top: 10px;*/
        width: 55%;
        margin-top: 9px;
        margin-bottom: 10px;
    }
    .mobileFooterLinks, .mobileHomeContent, #searchbar2 
    {
        display: block;
    }

  /* Make the text and search bar width 90%  */
  .HeaderSearchBox 
  {
      width: 80%;
  }
  #homeHeaderText 
  {
      font-size:32px;
  }
}


@media (min-width: 768px) 
{
    .mobileDisclaimer, .mobileCart, .mobileFooterLinks, .mobileHomeContent, #searchbar2 
    {
        display: none;
    }
    .desktopCart, #homeHeaderText, .desktopFooterLinks, .desktopHomeContent
    {
        display: block;
    }

     /* Make the text and search bar normal */

    .HeaderSearchBox 
    {
        width: 50%;
    }

    #homeHeaderText 
    {
        font-size: 36px;
    }
}

@media (min-width: 992px) 
{
    .col-md-offset-homeIcon
    {
        margin-left: 17%;
    }
}

 @media print
 {
  	 div {
        float: none !important;
    }
 }