.floatRight{float:right;}

.h16px{height:16px ! important;}
.w16px{height:16px ! important;}

.hw16{height:16px ! important; width: 16px ! important;}
.hw18{height:18px ! important; width: 18px ! important;}

div.wrapper{width:100%; padding:0px;overflow:hidden;}

div.wrapper div.one, div.wrapper div.two {min-height: 200px;padding: 10px;}
div.wrapper div.only {padding: 10px;}

div.wrapper .one, div.wrapper .two{display:inline-block; overflow:hidden;}
div.wrapper .two div.full {display:inline-block;}
div.wrapper .two div.small{display:none;}

div.wrapper .one {
  float:left; 
  margin:0;
  width:48%;
}
div.wrapper .two { 
  overflow:hidden;
  margin:0;
  min-height:170px;
  width:48%;
}

/*
@media screen and (max-width: 400px) {
   div.wrapper .one { 
    float: none;
    margin:20px 10px 0 20px;
    width:auto;
    width:100%;
    border:0;
  }
   div.wrapper .two {
    width:100%;
    margin:-60px 0 0;
       
  }
   div.wrapper .two div.full { 
    display:none;
  }
   div.wrapper .two div.small { 
    display:inline-block;
  }
}
*/

.notification{
    border-radius: 5px;
    padding:3px;
    }

.notification.error{
    border: 1px solid #c88383;
    /* background: url(../images/notifications/cross.png) no-repeat 10px center #fabbbb; */
    background-color: #882626;
    color:white;
    }

.notification.ok{
    border: 1px solid #90b96b;
    /* background: url(../images/notifications/tick.png) no-repeat 10px center #c2ee9b; */
    background-color: #345f0e;
    color:white;
    }

#newWine input, #newWine select, #newWine button {margin:2px 0;}

.wineNameAdmin{
    font-family: "alternate-gothic-no-1-d", Arial, Sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    display: block;
    }

.dib{display:inline-block ! important;}

img.gears {
	width: 24px;
	height: 24px;
	display: inline-block;
	border: 1px solid black;
	border-radius: 3px;
}

.mainNav ul li.txtBrands{display:none;}
.mainNav ul li.txtOurBrands{display:inline-block;}

.uppercase{text-transform: uppercase;}
.capitalise{text-transform: capitalize;}

.medals{border:0px solid white; width:auto; display:block; vertical-align:top; margin-top:2px; margin-left:0px;}

.slider {
  height: 550px;
  width: 100%;
  background-size: cover;
  background-position: center top; }


.aboutpageTagline {
    color:#FFF;
    display: block;
    text-align: center;
    font-family: "clarendon-text-pro";
    font-weight: 400;   
    font-size: 65px;
    letter-spacing: -2px;
    padding: 15px 0; }

.fullForm input{width:100%;}

p.pubs{border-top: 0px solid #E1E1E1; margin-top:2px; margin-bottom:2px; font-style:normal; font-weight:normal;font-size: 12px;line-height: 16px;}
.savings.flat{background-color:black;
			border: 0px;
			-moz-border-radius: 3px 3px 3px 3px !important;
			-webkit-border-radius: 3px 3px 3px 3px !important;
			border-radius: 3px 3px 3px 3px !important;
			color: #FFF;
			font-size: 13px;
			font-weight: 300;
			padding: 0;
			margin-top: 5px;
			text-align: center;
			/* float:right; */
			vertical-align: top;
		}



img.mh286{height:286px; width:auto;}

#vCard, #vCard:hover, #vCard.hover{text-decoration:none ! important;}

input[type="submit"].linkNotButton{background-color:white; color:black; border:none; text-decoration: underline;}
input[type="submit"].linkNotButton:hover{background-color:white; color:black; border:none;}

.w124px{width:124px ! important;}
.w190px{width:190px ! important;}
.pb2em{padding-bottom: 2em;}
.pb6px{padding-bottom: 6px;}

.paperH1{margin-bottom:20px;}

.catHeader{
    margin-bottom: 10px;
    padding-bottom: 10px;
    }

.catHeaderBottom{border-bottom: 1px solid #efefef;}
.catHeaderBlank{margin-bottom:0 ! important;}

body:before{
position: fixed;
top: 0;
z-index: 100000;
background-color: green;
padding: 5px;
left: 0;
opacity: 0.5;
display:none;
}

.mainNav ul li{margin:10px 10px;}

body:before{content:'MAX';}

.orderUnits{min-width:106px;}

.wine.item {
    border: 0px;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-color: #FFFFFF;
    box-shadow: none;
    vertical-align: top;
    display: inline-block;
    width:28%;
    min-width: 280px;
    max-width: 320px;
    margin: 21px;
    text-align:left;
    }

.cartItem .wineInfo {
    padding-left: 15px;
    }

.cartItem .wineInfo .vintageCont {
    text-align: left;}

.lblCartCount {
      position: relative;
      top: -33px;
      right: -29px;
      background-color: #ee0606;
      border-radius: 4px;
      padding: 4px 6px ! important;
      font-size: 12px;
      line-height: 20px;
      color:white;
      font-family: "proxima-nova", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    }

.mainNav ul li.cartIcon a{padding: 17px 12px 0 14px;}
#cartSub{width:28px;}

.members ul li a {
      text-decoration: none;
      text-transform: uppercase;
      font-family: "alternate-gothic-no-1-d", Arial, Sans-serif;
      font-weight: 400;
      font-size: 28px;
      padding-top:3px;
      display: block;
      text-align: center;
      margin-top: 11px;
      margin-left: 5px; }

.loginjoin{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-image: url("../img/bg-paper-repeat.jpg");    
    background-position: center top;
    -webkit-box-shadow: 0 0 5px #888;
    -moz-box-shadow: 0 0 5px #888;
    -ms-box-shadow: 0 0 5px #888;
    -o-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    display:none;
    padding:32px;
    position: absolute;
    top:90px;
    margin:0;
    z-index:100000;
    width:auto;
    max-width:360px;
    }

div.greyed2{   
    background-image: url("/home/img/bg-greyed-08.png");
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:16px 32px;
    background-repeat: repeat;
    }

form.greyed label{font-weight: normal;}


.loginjoin form.greyed h1{
    font-size:18px ! important; 
    font-family:"proxima-nova", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif ! important;
}


.loginjoin h1{margin-top:0;}

.loginjoin input, .loginjoin select, .loginjoin input[type="text"], .loginjoin input[type="password"], .loginjoin input[type="email"], .loginjoin input[type="phone"]{
    color:#444;
    border:0.5px solid lightgray; 
    padding:10px 14px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:8px;
    width:100%;
    }

.loginjoin select{padding:7px; margin-bottom:12px; width:auto;}

.loginjoin h1{line-height:22px;}

div.greyed2{   
    background-image: url("../img/bg-greyed-08.png");
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:16px 32px;
    background-repeat: repeat;
    }

form.greyed label{font-weight: normal;}

form.greyed input.sub1{
    padding:14px 54px; 
    margin-top:8px;
    background: #e98b1c;
    border: 1px solid #e98b1c;
  }


.loginjoin form.greyed h1{
    font-size:18px ! important; 
    font-family:"proxima-nova", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif ! important;
}



#login_form
    {
    right:5%;
    }
#join_form
    {
    right:5%;
    }


img.pointerLogin{position: absolute; top: -16px; width: 38px; float: right; right: 3%;}
img.pointerJoin{position: absolute; top: -16px; width: 38px; float: right; right: 24%;}

img.pointerLoginA {
    position: absolute;
    left: 18px;
    bottom: 2px;
    width: 40px;
    z-index:100001;
    display:none;}

img.pointerJoinA {
    position: absolute;
    left: 41px;
    bottom: 22px;
    width: 40px;
    z-index: 100001;
    display:none;}

div.brands {margin:1.1%; display:inline-block; width:17.4%; position: relative; text-align: center;}
div.brands img{width:100%; height:100%; display:block; margin:0; padding:0; }

div.brands div.ovTx {position:absolute; top:0px; width:100%; height:100%; background-image: url('../img/bg-paper-repeat-85.png'); opacity: 0;    transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; z-index:10;}
div.brands div.ovTx:hover {opacity:1;}

div.brands div.ovTx h1 {line-height:0.8em; color:#e98b1c; margin:18% auto; position: absolute; top:0; padding:0 0.1em; font-size:2.2em; display:block; width:100%;}

div.brands div.ovTx .buy {line-height:0.9em; color:black; margin:auto; font-size:1.3em;position: absolute; 
    cursor:pointer;
    bottom: 0.6em;
    margin: auto;
    width: 100%;
    left: 0;
    font-weight: normal;
    font-family: "alternate-gothic-no-1-d", Arial, Sans-serif;
    font-size: 1.3em;
    text-decoration: none;
    transition: text-decoration .4s ease-in-out; 
    -moz-transition: text-decoration .4s ease-in-out; 
    -webkit-transition: text-decoration .4s ease-in-out; 
}
div.brands div.ovTx .buy:hover{text-decoration: underline;}

/* @media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
	.galleryItem {width: 21%;}
}*/

.add.flat{
  font-weight:normal;
  font-family: "proxima-nova", ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    margin-left:-2px;
    background-color:black;
    background:black;
    min-width:28px ! important;
    font-size:13px ! important;
    padding:5px  ! important;
    -moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
    height:28px  ! important;
}

.add.flat.w29px{width:29px  ! important;}
.ml1px{margin-left:1px;}

div.wbot{width:30%;}
div.wdet{width:68%;}                

img.closeSlider{float:right; display:inline-block; cursor:pointer; height:16px ! important; width:16px ! important; margin-top: -55px; margin-right: -9px;}
div.buttonGroup1{width:106px;}

ul.out{list-style:outside;}

td.pl1em{padding-left:1em;}                            


.members button.specials.picker {z-index: 10000; margin: -15px 0 0 47px; cursor: pointer;}
.members button.specials.picker img{width:85px;}

/* Media Queries */
@media only screen and (min-width: 1152px) {body:before{content:'MASSIVE';}
    td.pl1em{padding-left:3em;}                            
    #login_form
    {
    left:calc(50% + 222px);
    }
    #join_form
    {
    left:calc(50% + 222px);
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {body:before{content:'A';}
    .w190px{width:160px ! important;}
    .orderUnits{min-width:80px;}
    div.buttonGroup1{width:106px;}
    .paperH1{margin-bottom:20px;}


    .container .two-thirds.column.pf {width: 644px ! important;}
    
    .lblCartCount {top: -33px;}
    img.pointerLogin{position: absolute; top: -16px; width: 38px; float: right; right: 3%;}
    img.pointerJoin{position: absolute; top: -16px; width: 38px; float: right; right: 24%;}

    
}
@media only screen and (max-width: 1024px) {body:before{content:'B';}
    .paperH1{margin-bottom:20px;}
    img.pointerLogin{position: absolute; top: -16px; width: 38px; float: right; right: 3%;}
    img.pointerJoin{position: absolute; top: -16px; width: 38px; float: right; right: 24%;}
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
    
    .members button.specials.picker {z-index: 10000; margin: -32px 0 0 36px; cursor: pointer;}
    .members button.specials.picker img{width:65px;}

    .homepageLogo{display:none;}
    .paperH1{margin-bottom:20px;}
    body:before{content:'C2';}
    .container{width:100%;}
    
    .slider{height:380px;}

    .container .two-thirds.column.max440px{max-width:386px ! important;}
    .mainNav ul li a{font-size:28px ! important; padding:10px ! important;}
    #cartAlink{padding: 13px 7px 0 10px !important;}
    .lblCartCount{top: -31px; right:-24px;}
    .mainNav ul li.cartIcon a{padding: 14px 12px 0 10px;}
    #cartSub{width:22px;}
    .members ul li a {
          font-size: 18px;
          margin-top: 8px; }
    
    #login_form{right:5px; top:36px;}
    #join_form{right:5px; top:36px;}
    
img.pointerJoinA {left: 33px;bottom: 42px;width: 33px;}
img.pointerLoginA {left: 82px;bottom: 42px;width: 33px;}
    
div.brands{margin:2%; display:inline-block; width:27%;}   
    .container .two-thirds.column{width:100%; max-width:754px;}
    
}
    

@media only screen and (min-width: 800px) and (max-width: 1024px) {body:before{content:'C';}
    .homepageLogo{display:none;}
    .mainNav ul li{margin:10px 3px;}
    .mainNav ul li.txtBrands{display:inline-block;}
    .mainNav ul li{margin:10px 0px;}
    .mainNav ul li.txtOurBrands{display:none;}
    .slider{height:420px;}
    .paperH1{margin-bottom:20px;}
    .lblCartCount {top: -33px;}
    div.brands{margin:2%; display:inline-block; width:27%;}   
    .container .two-thirds.column{width:100%;}

}
@media only screen and (max-width: 767px) {
    .homepageLogo{display:none;}    
    
    .members button.specials.picker {z-index: 10000; margin: -32px 0 0 36px; cursor: pointer;}
    .members button.specials.picker img{width:65px;}
    
   div.wrapper .one { 
    float: none;
    width:auto;
    width:100%;
    border:0;
    height:auto;
  }
    div.wrapper .two {     width:100%;    margin:0; }
    div.wrapper .two.flow {     padding-top:0 !important; width:100%;    margin:-6px 0 0;  }
    div.wrapper .two div.full.smHideX{display:none !important;}
    div.wrapper div.one {padding-bottom:0;}

    
    
    
    body:before{content:'D';}
    .mainNav ul li{margin:10px 0px;}
    .mainNav ul li.txtBrands{display:inline-block;}
    .mainNav ul li.txtOurBrands{display:none;}
    
    .aboutpageTagline {
        font-size: 30px;
        letter-spacing: -1px;
        padding: 10px 0; }
    
    .slider{height:320px;}
    
    
    .paperH1{margin-bottom:20px;}

    .w190px{width:124px ! important;}

    img.closeSlider{margin-top: -45px; margin-right: -3px;}
    div.buttonGroup1{width:106px;}
    div.buttonGroup1 button{padding:5px 3px;}
    div.buttonGroup1 button.cicon{padding:3px 5px 8px;} 
    
    div.buttonGroup1 button.cicon img{height:16px; width:16px; margin-top:-1px; margin-bottom:-2px;}
    
    .orderUnits{min-width:80px;}

    .lblCartCount {top: -26px; right:-24px;}
    .mainNav ul li.cartIcon a{padding: 14px 12px 0 10px;}
    #cartSub{width:22px;}
    
    .container{width:98%;}
    .container .two-thirds.column{width:100%;}
    .container .two-thirds.column.max440px{width:100%; max-width:360px;}
    .container .one-third.column.max320px{width:100%; max-width:360px;}
    div.wbot{width:30%;}
    div.wdet{width:69%;}                
    
    .members ul li a {
          font-size: 18px;
          margin-top: 8px; }
    #login_form{right:5px; top:36px;}
    #join_form{right:5px; top:36px;}
    .loginjoin{max-width:300px;}
    
    .loginjoin{padding:16px;}
    form.greyed{padding:16px; 8px;}
    
    img.pointerJoinA {left: 33px;bottom: 42px;width: 33px;}
    img.pointerLoginA {left: 82px;bottom: 42px;width: 33px;}
    
    div.brands{margin:3.1%; display:inline-block; width:43%;}
    div.brands div.ovTx h1 {font-size:1.6em;}
    

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .homepageLogo{display:none;}
    body:before{content:'E';}
    .mainNav ul li.txtBrands{display:inline-block;}
    .mainNav ul li{margin:8px 2px 10px;}
    
    .mainNav ul li.txtOurBrands{display:none;}
    img.closeSlider{margin-top: -45px; margin-right: -3px;}
    .aboutpageTagline {
        font-size: 30px;
        letter-spacing: -1px;
        padding: 10px 0; }
    .slider{height:320px;}
    
    .paperH1{margin-bottom:20px;}


    .lblCartCount {top: -26px; right:-24px;}
    .mainNav ul li.cartIcon a{padding: 14px 12px 0 10px;}
    #cartSub{width:22px;}
    .members ul li a {
          font-size: 18px;
          margin-top: 8px; }
    #login_form{right:5px; top:36px;}
    #join_form{right:5px; top:36px;}
    .loginjoin{max-width:360px;}
    
  div.wdet{width:68%;}                

    img.pointerJoinA {left: 33px;bottom: 42px;width: 33px;}
    img.pointerLoginA {left: 82px;bottom: 42px;width: 33px;}
    
    div.brands{margin:3.1%; display:inline-block; width:43%;}


}