body{
  background:white;
  background-color:white;
  width:100%;
  padding:0px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow-x:hidden;
    color: #333;
    font-size: 13px;
    line-height: 1.6;
    overflow-x: hidden;
}
 strong {
    font-weight: 700;
}
p, li {
    font-family: "ProximaNova",Arial,Helvetica,sans-serif;
}
  .NameWine {
        font-family: MrsEaves, Georgia, 'Times New Roman', Times, serif;
        font-size: 20px;
        line-height: 27px;
        color: #941117;
    }
 .box{
    
    border-top: 1px solid #ddd;
    border-bottom: solid 1px #ddd;
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;

 }
  .footer1, .copyright {
	background: #222;
	font-family: 'ProximaNova', Arial, Helvetica, sans-serif;	
	color: #fff;
	padding-top: 10px;
	padding-left: 10px;
}

.footer1 h4 {
	color: #bd9805;

}

.copyright p {
	color: #fff;
	font-size: 12px;
	margin: 20px 0;
}

.footer1 a, .copyright a {
	color: #999;
}
 .footer1 a:hover{
      color:#bd9805;
  }

 .User{
     font-size: 11px;
color: rgb(124, 128, 130);
text-transform: uppercase;
 }
 .BidTextBox{
     font-size:42px;
     line-height:1px;
     text-align:right;
     width:250px;
     min-width:180px;
     border: 1px solid #ccc;
     padding-bottom:6px;
     vertical-align:central;
 }
 .here{
     color: #941117;
 }


 .forgot{
     color: #666;
 }

 .forgot:hover{
     color: #bd9805;
 }
 .here:hover{
     color:#bd9805;
 }

 .Message
 {
     font-family:Arial, Helvetica, sans-serif;
     font-style:italic;
     color:#bd9805;
     font-size:16px;
     margin-top:1em;
 }
 .Loginpanel {
        border: 1px solid #DFDFDF;
        background-color: white;
        height:380px;
    }

 @media only screen and (min-width: 0px) and (max-width: 767px){

     .BidTextBox{
     text-align:left;
     vertical-align:central;
    
      }
     }
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .Loginpanel {
        height: 450px;
    }
}
.refresh{
    cursor:pointer;
    color:#bd9805;
}
.refresh:hover{
    color:#941117;
}

 .table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
 .searchtextbox{
     border: 1px solid #ccc;
     margin-left: 0.5em;
     display: inline-block;
     width: 120px;
     height: 30px;
     padding: 6px 12px;
     margin:10px 0;
   
 }
 .search {
    width: 100%;
    text-align: right;
    padding-top: 1%;
}

 .refresh{
     color:#BBB;
 }
.legend{

    color: #bd9805;
    font-weight: bold;
    font-size:small;

}
wineportfolio {
        color: #bd9805;
        font-family: MrsEaves, Georgia, 'Times New Roman', Times, serif;
        font-size: 18px;
        color: #bd9805;
        font-size: 18px;
       
    }

 .Loginbutton {
        /*margin-left: 20px;*/
        /*padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        color: #ffffff;
        background:#BD9805;
        height:30px;
        width:80px;*/
    padding: 0.5em 1em;
    border: none;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    background-color: black;
    transition: all 0.3s;
    color:white;
    font-family: "ProximaNova", Arial, Helvetica, sans-serif;
    }

        .Loginbutton:hover {
            background-color:#941117;
        }
  nh5 {


            color: #bd9805;
        
            line-height: 1.42857;
            font-size: 13px;
           
            
     }

            a:hover {
                
                text-decoration: none;
                color: #bd9805;
            }

        .link {
            padding-bottom: 7px;
            margin-bottom: 10px;
            border-bottom: 1px solid #bd9805;
        }

        
        .background{

            background-color:black;
            height:71px;
        }
    .li {
            color:#bd9805;
            font-size:14px;
        }
  nh3 {
        
      color: #bd9805;
        font-family: MrsEaves, Georgia, 'Times New Roman', Times, serif;
        font-size: 18px;
     
    }

.page{
  max-width: 85em;
  margin: 0 auto;
  padding-left:10px;
  padding-right:10px;
}
table th {

    background: #000;
       border: 1px solid #e4d4d4;
    color: #bd9805;
        }

table td{
  text-align: left;
      border: 1px solid #e4d4d4;
}

table.layout{
  width: 100%;
  border-collapse: collapse;
 
}
table.display{
  margin: 1em 0;
}

table.display th,

table.display td{
   border-top: 1px solid #e4d4d4;
  padding: .5em;
}


table.display th{ background: #000; }
table.display td{ background: #ffffff; }


table.responsive-table{
  
}

@media only screen and (min-width: 0px) and (max-width: 767px){


    table.responsive-table{
      box-shadow: none;  
    }
    table.responsive-table thead{
      display: none; 
    }
  table.display th{
    padding: .5em;
     border-top: 1px solid #e4d4d4;
  }

    table.display td{
    padding: .5em;
    border-top: 1px solid #e4d4d4;
  }
    
  table.responsive-table td:nth-child(1):before{
    content: '';
    background-color:#333;
  }
  
  table.responsive-table td:nth-child(2):before{
    content: 'Vintage';

  }
  table.responsive-table td:nth-child(3):before{
    content: 'Variety';

  }
  table.responsive-table td:nth-child(4):before{
    content: 'Appellation';

  }
  
  table.responsive-table td:nth-child(5):before{
    content: 'Cases';

  }

  table.responsive-table td:nth-child(1)
  {
      background-color:red;
  }

  table.responsive-table td:nth-child(2){

         padding-left: 50%;}
      
  table.responsive-table td:nth-child(3){

        padding-left: 50%;}
  table.responsive-table td:nth-child(4){
        padding-left: 50%;}
  table.responsive-table td:nth-child(5){
        padding-left: 50%;}


    
    table.responsive-table td:nth-child(1):before,

   table.responsive-table td:nth-child(2):before{
   
                position: absolute;
                left: .5em;
                font-weight: bold;

    
  }
  table.responsive-table td:nth-child(3):before{
                    position: absolute;
                    left: .5em;
                    font-weight: bold;

    
  }
  
 table.responsive-table td:nth-child(4):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
    
 table.responsive-table td:nth-child(5):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
    
 
 .table-striped > tbody > tr:nth-child(odd) > td:nth-child(1),
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: black;
}
 

    table.responsive-table tr,
    table.responsive-table td{
            display: block;
            position: relative;
    }

    
    table.responsive-table td.Winery{
        
        background: black;
        border-top: 1px solid #e4d4d4;
        color: #bd9805;
        font-weight: bold;

    }
    
    table.responsive-table td.Winery{
        
        background: black;
        border-top: 1px solid #e4d4d4;
        color: #bd9805;
        font-weight: bold;

    }
    layout

     /*Responsive tabel for MyBids page*/


        

    table.mybid-responsive-table td:nth-child(1):before{
    content: '';

  }
  
  table.mybid-responsive-table td:nth-child(2):before{
    content: 'Your Current Bid';

  }

  table.mybid-responsive-table td:nth-child(3):before
  {
      content: 'Your Max Bid Amount'
  }

  table.mybid-responsive-table td:nth-child(4):before{
    content: 'Current High Bid';

  }
  table.mybid-responsive-table td:nth-child(5):before{
    content: 'High Bid Paddle No.';

  }
  
  table.mybid-responsive-table td:nth-child(2)
  {

         padding-left: 50%;

  }
      
  table.mybid-responsive-table td:nth-child(3)
  {
      padding-left: 50%;

  }



  table.mybid-responsive-table td:nth-child(4)
        {
      padding-left: 50%;

  }

  table.mybid-responsive-table td:nth-child(5)
  {
      padding-left: 50%
  }
 


    
    table.mybid-responsive-table td:nth-child(1):before,

   table.mybid-responsive-table td:nth-child(2):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

    
  }
  table.mybid-responsive-table td:nth-child(3):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

    
  }
  
 table.mybid-responsive-table td:nth-child(4):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
  table.mybid-responsive-table td:nth-child(5):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
  
    table.mybid-responsive-table tr,
    table.mybid-responsive-table td{
                    display: block;
                    position: relative;
    }

       table.mybid-responsive-table{
      box-shadow: none;  
    }
    table.mybid-responsive-table thead{
      display: none; 
    }


     table.mybid-responsive-table td.MyBids{
        
        
          background:black;

          border-top: 1px solid #e4d4d4;

          color: #bd9805;

          font-weight: bold;

    }

  /*Responsive table for Watch List*/

  
         table.watchlist-responsive-table td.MyWatchList{
        
             background: black;
             border-top: 1px solid #e4d4d4;
             color: #bd9805;
            font-weight: bold;

    }

    table.watchlist-responsive-table td:nth-child(1):before{
   
         content: '';

  }
  
  table.watchlist-responsive-table td:nth-child(2):before{
    content: 'Current High Bid';

  }
  table.watchlist-responsive-table td:nth-child(3):before{
    content: 'Vintage';

  }
  table.watchlist-responsive-table td:nth-child(4):before{
    content: 'Variety';

  }
  table.watchlist-responsive-table td:nth-child(5):before{
    content: 'Appellation';

  }
  table.watchlist-responsive-table td:nth-child(6):before{
    content: 'Cases';

  }
  
  table.watchlist-responsive-table td:nth-child(2){

         padding-left: 50%;}
      
  table.watchlist-responsive-table td:nth-child(3){
      padding-left: 50%;}
  table.watchlist-responsive-table td:nth-child(4){
      padding-left: 50%;}
 
  table.watchlist-responsive-table td:nth-child(5){
      padding-left: 50%;}
  table.watchlist-responsive-table td:nth-child(6){
      padding-left: 50%;}

    
    table.watchlist-responsive-table td:nth-child(1):before,

   table.watchlist-responsive-table td:nth-child(2):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

    
  }
  table.watchlist-responsive-table td:nth-child(3):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

    
  }
  
 table.watchlist-responsive-table td:nth-child(4):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
 table.watchlist-responsive-table td:nth-child(5):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
 table.watchlist-responsive-table td:nth-child(6):before{
    position: absolute;
    left: .5em;
    font-weight: bold;

  }
  
    table.watchlist-responsive-table tr,
    table.watchlist-responsive-table td{
                    display: block;
          position: relative;
    }

       table.watchlist-responsive-table{
      box-shadow: none;  
    }
    table.watchlist-responsive-table thead{
      display: none; 
    }
  
}
/* winelabel */
.winelabel {
	clear: both;
	margin: 0 20px 20px 0;
	padding-bottom: 30px;
	text-align: center;
	color: #2b2821;
	min-height: 250px;
    max-height:400px;
	background: #efefef;
}
.winelabel .offering {
	background:	#2b2821;
	margin: 0;
	padding: 10px 15px;
	font-family: "ProximaNova", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #bd9805; /* gold */
}

.winedetail .winelabel {
	margin-right: 0;
	max-width: 480px;
    padding-right:0px;
    padding-left:0px;
}


.winelabel h2, .winelabel h3, .winelabel h4, .winelabel h5, .winelabel h6 {
	font-family: "MrsEavesRomanLiningRegular", Georgia, "Times New Roman", Times, serif;
}

.winelabel hp{

    font-family: "MrsEavesRomanLiningRegular", Georgia, "Times New Roman", Times, serif;
}
img.pnvlabel {
	margin: 10px auto;
}
.winelabel h2 {
	margin: 10px 10px 2px 10px;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #222;
	line-height: 110%;
}
.winelabel h3, .winelabel h3 a:link, .winelabel h3 a:visited {
	margin: 0 10px 15px 10px;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #222;
}
.winelabel h4 {
	margin: 0 10px;
	font-size: 16px;
	color: #941117;
	color: #222;
}
.winelabel h5 {
	color: #941117; /* red */
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 15px 10px 0 10px;
}
.winelabel h6, .winelabel h6 a:link, .winelabel h6 a:visited {
	color: #941117; /* red */
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 15px 10px 0 10px;
}
.winelabel h6.year {
	margin-bottom: 10px;
}
.winelabel a:hover {
	text-decoration: none;
}

/* for wine detail page */