@font-face {
		font-family: 'ChronicleDisplay-Semi';
		src: url('../font/ChronicleDisplay-Semi.otf') format('embedded-opentype'), url('../font/ChronicleDisplay-Semi.ttf')  format('opentype');
		font-weight: normal;
		font-style: normal;
	  }

body{
	font-family: "ChronicleDisplay-Semi", serif;
    background-color: #fff;
    color: #000 !important;
}
a {
    color: #C4A33C;
	text-decoration: none;
	/* font-family: "ChronicleDisplay-Semi", serif; */
}
a:focus, a:hover {
    color: #C4A33C;
    text-decoration: underline;
}

h2{font-family: "ChronicleDisplay-Semi", serif;}


.expectedShipPanel {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	flex-wrap: wrap;
}

.form-signin {
  max-width: 450px;
  padding: 15px 35px 45px;
  margin:5% auto 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1); 
}

.loginTextCenter{ text-align: center; margin-bottom: 10px; color: #a75b02;}
.loginTextCenter2{ text-align: center; margin-bottom: 10px; color: #a75b02; font-size: 1.2em;}
.loginSummText{ margin-bottom: 10px; text-align: center;}

.btn{font-family: "ChronicleDisplay-Semi", serif;}

.btn-kistler{
	/*color: #fff;*/
	color:#000;
    background-color: #C4A33C;
    border-color: #ac891d;
}
.btn-kistler:hover {
    color: #fff;
    background-color: #C4A33C;
    border-color: #ac891d;
}
.forgotPassword{ margin-left:10px; }
.loginFooter{ padding-top: 15px; border-top:solid 2px #dcdddb; padding-bottom: 15px;}
.join-mailingList{ padding-bottom:15px;}
.join-mailingList a{ font-weight:normal; font-size:1.2em;}

.signInPanel{ padding-bottom:20px;}
.mainContainer{padding-top: 0px; padding-bottom: 20px;}
.introText{ margin-bottom:20px; padding:20px; background-color:#fff; border:solid 1px #ddd; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,f5f2e9+100 */
background: #fff; /* Old browsers */
/*background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f2e9 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f2e9 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #fcfcfc 0%,#f5f2e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f2e9',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 

}
.introText .welcomeTxt{ font-size:1.2em; margin-bottom:1px;}
/*.introText .welcomeTxt .username{ color:#a65a02;}*/
.introText .welcomeTxt .username{ color:#000;}
.brandColor{color:#a65a02;}
.btnCheckDate {
    margin-left: auto;
}
.orderWith{ width:60px; display:inline-block;}

.ProductPanel .productTitle{font-size:1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; }
.ProductPanel .productTitle a{ cursor: pointer; color:#000;}
.productPrice{/*color: #a75b02;*/ color:#000; font-weight: normal; }
.ProductPanel .notesOrderAvailPanel .availPack .availableQtyColor{ color: #858585;}
.productInfoPanel:after {display: table; clear: both; content: " ";}
.productInfoPanel .productTitle, .productInfoPanel .productTitle a { color:#000 !important}

.producTitle{ color:#000 !important}


.ProductPanel .showproductDetails{padding: 15px; background-color: #fff; margin: 10px 1px 1px 1px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 2px 2px #dddddd; color: #000 !important;
box-shadow: 0 0 2px 2px #dddddd;}
.ProductPanel .reviewsDetails{padding: 15px; background-color: #fff; margin: 10px 1px 1px 1px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 2px 2px #dddddd;
box-shadow: 0 0 2px 2px #dddddd;}
.reviewHeader{font-family: "ChronicleDisplay-Semi", serif; margin-bottom: 10px;}

.reviewsDetails ul{ list-style-type: none; padding: 0px; margin: 0px;}
.reviewsDetails li{ margin-bottom: 10px;}
.reviewsDetails li span{ display: block; font-family: "ChronicleDisplay-Semi", serif; margin-left: 9px; font-size: .9em;}


.ProductPanel .showproductDetails .tastingNotesPanel{ border-top:solid 1px #dddddd; padding-top:15px; font-family: "ChronicleDisplay-Semi", serif;}
.ProductPanel .showproductDetails .orderDescPanel .review1{ font-family: "ChronicleDisplay-Semi", serif; font-weight: normal; font-size: 1em;}
.ProductPanel .showproductDetails .orderDescPanel div h4{ font-size:14px !important; margin-top:20px !important; margin-bottom: 5px !important;}

.orderDescPanel ul{list-style-type: none; margin-left: -29px; margin-bottom: 0px;font-family: "ChronicleDisplay-Semi", serif;}
.DefaultColor{background-color: #f0ad4e; color: #fff; padding: 2px 5px; display: inline-block; font-size: 11px; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;} 
.ui-inputtext{width: 100%; padding: 6px;}
.helpLink{cursor: pointer;}

.requestPanel{margin-bottom: 10px;}
.requestPanel button{ margin-left: 10px;} 
.ProductPanel .requestPanel .btn{ text-align: right;}

.hidefieldvalidationMsg{display: none; }
.showfieldvalidationMsg{color: #94070d; display:block; }

.btnOtherOptions:focus{color: #fff;}

.Loadbox{ width: 40px; height: 40px; margin-left:-20px; margin-top:-20px; top:50%; left:50%; position: absolute; background-image:url(Preloader.gif); background-repeat: no-repeat;}

/** navigation 20-07-20 ***/
.navbar{-webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background:#E8E8E8; border-color:#e0e0e0; font-size:18px;}
.navbar-center{position: absolute; left: 50%; transform: translatex(-50%); top:10px; }

.navbar-nav a:hover{ color:#000 !important; background: transparent !important;}  
.bg-navKistler .navbar-brand, .navbar-nav > li, .navbar-nav a.active{ color:#000 !important; font-family: "halyard-display", sans-serif}
.bg-navKistler .navbar-nav > li, .bg-navKistler .navbar-nav a{ color:#caac4f !important;}

.navbar-collapse{padding-top:5px;}
.nav > li > a{ padding:10px !important}
.navbar-toggle{ background-color: #ccc !important;}
.navbar-toggle .icon-bar{ background-color: #fff !important;}
.KistlerSubMenu .navbar-toggle{ background-color: transparent !important;}
.KistlerSubMenu .navbar-nav > li, .KistlerSubMenu .navbar-nav a{ color:#000 !important;}

.bg-navKistler {background-color: #fff; font-family: "halyard-display", sans-serif !important;}
.bg-navKistler > .active > a, .bg-navKistler > .active > a:hover, .bg-navKistler > .active > a:focus {background-color: #7a412d;color: #fff;}

/** navigation 20-07-20 ***/

.profilepage{padding:20px; background-color:#fff; border:solid 1px #ddd; }

.kistlarOderHistory{ background-color:#fff; min-height: 335px;}
.kistlarOderHistory th {
    color: #fff;
    background-color: #3f3011;
    border-color: #ddd;
}


.kistlarShippingAddress .panel-heading{ color: #fff;
    background-color: #3f3011;
    border-color: #ddd;font-family: "ChronicleDisplay-Semi", serif;}
.kistlarShippingAddress  .divierBar{ border-bottom:solid 1px #ddd; padding:10px 0px;}
.panelAddSubmit { padding:10px;}
.panelAddSubmit .marginLeft{ margin-left: 10px;}
.paymentMethDivider{ border-bottom:solid 1px #ddd; padding:10px 0px;}
.cardName{ color:#a75b02; font-weight:normal;}
.AddCardPanel{ padding:10px;}
.AddCardPanelForm { padding-bottom:20px;}
.grandTotals{ background-color: #f5f5f5; font-weight:normal; font-size: 1.3em;}
.subTotalTtitle{font-weight:normal; font-size: 1.2em;}
.apporveOderBtn{ padding-right: 15px; padding-bottom: 15px;}
.apporveOderBtn button{ margin-left: 10px;}
.divider{ border-bottom: solid 1px #763721;}


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    background-color: #312000;

}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: #312000;
}
.navbar-inverse .navbar-toggle {
    border-color: #3f3011;
}
.KistlerSubMenu{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#352311+0,261e15+100 */
background: #352311; /* Old browsers */
background: -moz-linear-gradient(top,  #352311 0%, #261e15 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #352311 0%,#261e15 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #352311 0%,#261e15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352311', endColorstr='#261e15',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.KistlerSubMenu li a{ color: #ddd; }
.KistlerSubMenu li a:hover, .KistlerSubMenu li a:focus{ color: #f2a840; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#261e15+0,473418+100 */
background: #261e15; /* Old browsers */
background: -moz-linear-gradient(top,  #261e15 0%, #473418 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #261e15 0%,#473418 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #261e15 0%,#473418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e15', endColorstr='#473418',GradientType=0 ); /* IE6-9 */
}
.approveOrderAddress .panel-heading, .approveOrderPayment .panel-heading{ font-size: 1.2em; font-family: "ChronicleDisplay-Semi", serif; /* color: #a75b02; */}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #763721;
    border-color: #763721;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #7a412d;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.paginationAlign{ float: right; padding-right: 20px;}
.Chkshowdetails{ color: #a0090a; cursor: pointer; }
.panelPaymentGap{ padding: 5px 0px; display:block;}
.panelPaymentGap span.cardname{ color: #a65a02; font-size: 1.2em;}
.panelPaymentGap span.cardNumber{ color: #000; }
.noBorder{ border-top: solid 0px #fff!important;}
.orderDetailsPanel{ position: relative; padding:15px; background-color:#ddd;}

.orderDetailsPanel .arrow-up { top: -20px; left: 30px; position: absolute;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ddd;

}
.orderDetailsPanel th{ font-weight: normal; font-size: 1.1em; }
.orderDetailsPanel .panel-heading{ font-size: 1.1em; color: #a75b02;font-family: "ChronicleDisplay-Semi", serif;}

.priceFldAlign{ text-align: right; width: 150px;}

.alertExcesOrder{ margin-top: 5px; font-weight: normal; color:#b04463; background-color: #f2dede; border:solid 1px #ebccd1; padding: 0px 10px;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
.alertExcesOrder span{ margin-top: 5px;}

input.ng-valid{
border: 1px solid #42A948;
}
input.ng-invalid{
border: 1px solid #a94442;
}
.name-shipping-address{ color: #000; font-size: 1.2em; font-weight: normal; }

.paymentPageFixGap{ padding-top: 10px;}
.formGap{ margin-bottom: 10px;}
.paymentSubmit{ padding-top: 10px;}

.ui-growl-message-info{
	background: deepskyblue;
}
.ui-growl-message-success{
	background: #2f2e2e;
	color:#fff;
}

.ui-growl-message-warn{
	background: darkorange;
}

.ui-growl-message-error{
	background: red;
}

.ui-confirmdialog-message {
    white-space: pre-line;
}

.profileCode{ line-height: 30px; color: #a75b02; font-family: "ChronicleDisplay-Semi", serif; font-weight: normal; }
.additionalRequestCont{ width: 100px;}
.totalaWineCosts td{ border-top: solid 1px #000!important;}
.noRecord{ color: #e80c4d;}
.noRecordApproveOrder{ color: #000; font-weight: bold;}
.btnApprovedpayment button, .btnApprovedOrder button{margin-left: 10px;}

.shippingAdressPop{
	margin-bottom: 0px;
	border-bottom: solid 1px #dcdddb;
}
.shippingAdressPop .btn-link{white-space: normal;
    text-align: left;}
.shippingAdressPop:nth-last-of-type(1){ border-bottom: solid 0px #dcdddb;}

.lock-number {
background-image: url('lock-icon.png');
background-repeat: no-repeat;
background-position:right 10px top 6px;
padding-right: 30px;

}
.loginTxtPaddingBottom{ padding-bottom: 10px;}
.popupText{ font-size: 1.3em;}
.popupText a{ text-decoration: underline;}
.popupText a:hover{ text-decoration:none;}
#shippinAddressForm .ui-dialog{
	position: absolute !important;
	left: 50% !important;
	margin-left: -150px !important;
	z-index: 1030 !important;
	top: 50% !important;
	margin-top: -150px !important;
}
#paymentAddressForm .ui-dialog {
    left: 114px !important;
    position: absolute !important;
    top: 190px !important;
    z-index: 1030 !important;
	width:  310px !important;
} 
.confimPopupTxt{
	font-family: "ChronicleDisplay-Semi", serif;
                font-weight: normal;
                font-size: 1.3em;
				line-height: normal;
}
.confimPopupTxt a{
                color: #7a412d;
                text-decoration: underline;
}
.confimPopupTxt a:hover{
                text-decoration:none;
}
.orderapproveBtnPanel, .approveOrderPopText{
                padding: 10px 0px;
}
.orderapproveBtnPanel .btnOtherOptions{ margin-right: 10px;}
.btnEditText{  font-family: "ChronicleDisplay-Semi", serif;
font-size: 14px;
font-weight: normal;
}
.leftmargin{ margin-left: 10px;}
.DefaultPickup{background-color: #7a3f2d; color: #fff; padding: 2px 5px; display: inline-block; font-size: 11px; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
/* ------------- Pickup Adress popup ------------------*/
.pickupMainContainer{ max-height: 300px; overflow: auto;}
.pickupAddressListContainer{
                padding: 10px 0px;
                border-bottom: solid 1px #e5e5e5;
}
.pickupAddressListContainer .pickupName{
                color: #a75b02; font-size: 1.5em; padding: 0px 10px  5px 10px; 
}
.pickupAddressListContainer .pickupName a{
                text-decoration:none; color: #a75b02; 
}
.pickupAddressListContainer .pickupName a:hover{ text-decoration: underline;}
.pickupAddressListContainer .note{
                background-color: #f9edd9; padding: 10px; font-size: .9em; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
}
.pickupAddressListContainer .addressDetails{
                color: #337ab7; padding: 5px 10px 0px 10px;
}
.pickupAddressListContainer .addressDetails a{
                color: #337ab7; text-decoration:none;
}
.pickupAddressListContainer .addressDetails a:hover{
                color: #337ab7; text-decoration: underline;
}
.pickupOtherAddressListContainer{
                padding: 10px 0px;
				border-bottom: solid 0px #e5e5e5;
}

.pickupOtherAddressListContainer .pickupName{
                color: #a75b02; font-size: 1.5em; padding: 0px 10px  5px 10px; 
}
.pickupOtherAddressListContainer .pickupName a{
                text-decoration:none; color: #a75b02; 
}
.pickupOtherAddressListContainer .pickupName a:hover{ text-decoration: underline;}
.pickupOtherAddressListContainer .note{
                background-color: #f9edd9; padding: 10px; font-size: .9em; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
}
.msgPhoneNumAlert{ color:#e80c4d; font-size: .9em;padding-top: 5px; padding-left: 10px;}
.leftPanelPickup{ float: left; margin-right: 15px;

}
.rightPanelPickup{ float:right;padding-top:25px;

} 
.ui-widget-overlay {
	z-index: 1!important;
}
.btn-kistler:focus {
    color: #fff!important;
    background-color: #cfa41e;
    border-color: #b48a08;
}
.leftNav{ display:block; padding-right: 0px; padding-left: 0px;}
.menuContainer{padding:8px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-color:#352311;}
.leftNav ul{padding:0px; margin:0px; list-style:none;}
.leftNav li {border-bottom:solid 1px #4e2803;}
.leftNav li a{display:block; padding:2px 5px; color:#fff;  }
.leftNav li a:hover{color:#f2a840; 
background: #261e15; /* Old browsers */
background: -moz-linear-gradient(top,  #261e15 0%, #473418 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #261e15 0%,#473418 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #261e15 0%,#473418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261e15', endColorstr='#473418',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}
.leftNav li a.active{ display:block; padding:5px; color:#f2a840; }
.leftNav li:last-child{border-bottom:solid 0px #4e2803;}
.errorPanel{color:#e80c4d}
.errorPanel .errorHeader{ font-weight:normal; font-size: 18px;}
.errorPanel ul{ padding: 0px; margin: 0px; list-style: none; margin-bottom:20px;}
.errorPanel li{padding-left: 5px;}
.btnMarginBottom{margin-bottom: 10px;}

@media only screen and (min-width: 768px){
.navbar-right {
	float: right!important;
    margin-right:0px;
}

} 
	/*==========  Mobile First Method  ==========*/


	/* Small Devices, Tablets */
	@media only screen and (min-width : 1025px){

.ProductPanel .productTitle{ width: 42%; float: left;  padding-right: 10px; color:#000;font-weight:bold; }
.ProductPanel .notesOrderAvailPanel{ width: 28%; float: left;}
.ProductPanel .notesOrderAvailPanel .testingNotes{ width: 40%; float: left; padding-top: 7px; padding-right: 10px;}
.ProductPanel .notesOrderAvailPanel .orderPack{ width: 100%; float: none; padding-top: 7px; padding-right: 10px; }
.ProductPanel .notesOrderAvailPanel .availPack{ width: 100%; float: none; padding-top: 7px; padding-right: 10px;}
.requestListOrder{ width: 30%; float: left;}
.requestPanelOrder{ width: 40%; float: left;padding-right: 10px; }
.requestWishOrder{ width: 60%; float: left; }
	}


	/* Small Devices, Tablets */
	@media only screen and (max-width : 1024px){

.modal {
    position: absolute!important;
	}
.shippingAddressButtonPanel{ display: block;}
.shippingAddressButtonPanel button{ float: left; margin-right: 10px;}
.ProductPanel .productTitle{ width:100%; float: none; border-bottom: solid 1px #ddd; padding-bottom: 5px; margin-bottom: 5px; padding-top: 0px; }
.ProductPanel .notesOrderAvailPanel{ width: 50%; float: left; }
.ProductPanel .notesOrderAvailPanel .testingNotes{ width: 40%; float: left; padding-top: 5px; padding-right: 10px;}
.ProductPanel .notesOrderAvailPanel .orderPack{ width: 100%; float: none; padding-top: 5px; padding-right: 10px; }
.ProductPanel .notesOrderAvailPanel .availPack{ width: 100%; float: none; padding-top: 5px; padding-right: 10px;}
.requestListOrder{ width: 50%; float: left; }
.requestPanelOrder{ width: 40%; float: left; }
.requestWishOrder{ width: 60%; float: left; }



 .KistlerSubMenu .navbar-toggle {
     background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: none;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.KistlerSubMenu .mobileMenu{
    color: #261e15;
    text-align: center;
    cursor: pointer;
}


.productInfoPanel .form-control {
		height: 30px;
		padding: 3px 6px;
		}

	}
/*
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.mainContainer .modal-body {
		height: 708px!important;
	}

}*/

@media only screen and (min-width : 640px){
	.sumTotal{text-align: right;}
}


	/* Extra Small Devices, Phones */
		@media only screen and (max-width : 640px){
			.productInfoPanel .orderWith{ width: 46px;}
			.requestListOrder {
    width: 48%;
   
}
.ProductPanel .notesOrderAvailPanel {
    width: 52%;
  
}
.btn-kistler{
	margin-bottom: 10px;
}

.ui-dialog{
	width: auto!important;
	left: 5px!important;
	right: 5px!important;
}
.shippingBtnCenter{
    text-align: center;
}



}


	@media only screen and (max-width: 480px) {
		.orderDetailsPaneltbl .panel-body{padding: 2px;font-family: "ChronicleDisplay-Semi", serif;}
		.btnApprovedpayment button, .btnApprovedOrder button{ margin-right: 5px; margin-left: 0px; margin-top:10px; }
.panel-heading {
	padding: 10px 10px;
	font-family: "ChronicleDisplay-Semi", serif;
}
#paymentAddressForm .ui-dialog {
			/*left: 10px !important;*/
			left: 2% !important;
			margin-top: 510px !important;
		} 
.totalaWineCosts td{ border-top: solid 0px #ddd!important;}

.ProductPanel .productTitle{ width:100%; float: none; border-bottom: solid 0px #ddd;  margin-bottom: 0px; padding-top: 0px; padding-right: 0px;  }
.ProductPanel .notesOrderAvailPanel{ width: 100%; display: table; float: none; margin-bottom: 10px;  border-bottom: solid 1px #ddd;  padding-bottom: 10px; border-top: solid 1px #ddd;}
.ProductPanel .notesOrderAvailPanel .testingNotes{ width: 40%; float: left; padding-top: 7px; padding-right: 10px;}
.ProductPanel .notesOrderAvailPanel .orderPack{ width: 38%; float: left; padding-top: 7px; padding-right: 10px; }
.ProductPanel .notesOrderAvailPanel .availPack{ width: 62%; float: left; padding-top: 7px; padding-left:0px; padding-right: 0px;}
.requestListOrder{ width: 100%; float: none; display: table;}
.requestPanelOrder{ width: 38%; float: left;  }
.requestWishOrder{ width: 62%; float: left;  }



.ProductPanel .showproductDetails{padding: 10px; background-color: #fff; margin: 10px 1px 1px 1px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 2px 2px #dddddd;
box-shadow: 0 0 2px 2px #dddddd; margin-left: -10px; margin-right: -10px;}

 .ProductPanel .reviewsDetails{padding: 10px; background-color: #fff; margin: 10px 1px 1px 1px; -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 2px 2px #dddddd;
box-shadow: 0 0 2px 2px #dddddd; margin-left: -10px; margin-right: -10px;}


.orderDescPanel .col-sm-2{ padding-bottom: 10px;font-family: "ChronicleDisplay-Semi", serif;}

	.subTotalTtitle{  font-size: 1.3em; }
	.grandTotals{ background-color: #f5f5f5; font-weight:normal; font-size: 1.1em;}
	
.orderDetailsPanel{ position: relative; padding:5px; background-color:#ddd;}
/* ------------- Order History ---------------- */

		/* Force table to not be like tables anymore */
		 .mobileviewOrderHistory table, .mobileviewOrderHistory thead, .mobileviewOrderHistory tbody, .mobileviewOrderHistory th, .mobileviewOrderHistory td, .mobileviewOrderHistory tr { 
			display: block; 
            text-align: left;
            border: none;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
	.mobileviewOrderHistory thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	
		.mobileviewOrderHistory tr { border: 1px solid #eee; } 
		
		.mobileviewOrderHistory td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #fff; 
			position: relative;
			padding-left: 58%!important; 
            width: 100%; 
		}
		
	.mobileviewOrderHistory td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
            font-family: "ChronicleDisplay-Semi", serif;
			font-weight: normal;
		}
		
		/*
		Label the data
		*/
		.mobileviewOrderHistory td:nth-of-type(1):before { content: "Date:"; }
		.mobileviewOrderHistory td:nth-of-type(2):before { content: "Invoice:"; }
		.mobileviewOrderHistory td:nth-of-type(3):before { content: "Order Summary:"; }
		.mobileviewOrderHistory td:nth-of-type(4):before { content: "Amount:"; }
        .mobileviewOrderHistory td:nth-of-type(5):before { content: " "; }



/* ------------- Order ---------------- */
       	 .orderDetailsPaneltbl table, .orderDetailsPaneltbl thead, .orderDetailsPaneltbl tbody, .orderDetailsPaneltbl th, .orderDetailsPaneltbl td, .orderDetailsPaneltbl tr { 
			display: block; 
            text-align: left;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
	.orderDetailsPaneltbl thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.orderDetailsPaneltbl tr { border: 1px solid #eee; }
		
		.orderDetailsPaneltbl td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #fff; 
			position: relative;
			padding-left: 60%!important; 
            width: 100%;
		}
		
	.orderDetailsPaneltbl td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-family: "ChronicleDisplay-Semi", serif;
			font-weight: normal;
		}
		
		/*
		Label the data
		*/
		.orderDetailsPaneltbl td:nth-of-type(1):before { content: "Wine Request:"; }
		.orderDetailsPaneltbl td:nth-of-type(2):before { content: "Request:"; }
		.orderDetailsPaneltbl td:nth-of-type(3):before { content: "Total:"; }
		.orderDetailsPaneltbl td:nth-of-type(4):before { content: "Additional Requested:"; }
        .orderDetailsPaneltbl td:nth-of-type(5):before { content: "Totals with Additional:"; }



/* ------------- Approve ---------------- */

	 .movieViewApproveOrder table, .movieViewApproveOrder thead, .movieViewApproveOrder tbody, .movieViewApproveOrder th, .movieViewApproveOrder td, .movieViewApproveOrder tr { 
			display: block; 
            text-align: left;
		}
		/* Hide table headers (but not display: none;, for accessibility) */
	.movieViewApproveOrder thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		 .movieViewApproveOrder tr { border: 1px solid #eee; }
		
		.movieViewApproveOrder td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #fff; 
			position: relative;
			padding-left: 58%!important; 
            width: 100%;
		}
		
	.movieViewApproveOrder td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			font-family: "ChronicleDisplay-Semi", serif;
			font-weight: normal;
		}
		
		/*
		Label the data
		*/
		.movieViewApproveOrder td:nth-of-type(1):before { content: "Wine Request:"; }
		.movieViewApproveOrder td:nth-of-type(2):before { content: "Request:"; }
		.movieViewApproveOrder td:nth-of-type(3):before { content: "Total:"; }
		.movieViewApproveOrder td:nth-of-type(4):before { content: "Additional Requested:"; }
        .movieViewApproveOrder td:nth-of-type(5):before { content: "Totals with Additional:"; }

.totalaWineCosts, .mobBalance-Credit, .mobShipping, .mobSalesTax{ background-color: #fffdfa;}


.grandTotals td:nth-of-type(4){ display: none;}
.grandTotals td:nth-of-type(2){ display: none;}

.grandTotals td:nth-of-type(1):before { content: " "; }
.grandTotals td:nth-of-type(1){	padding-left: 1%!important;  }



.mobBalance-Credit td:nth-of-type(4){ display: none;}
.mobBalance-Credit td:nth-of-type(2){ display: none;}
.mobBalance-Credit td:nth-of-type(1):before { content: " "; }
.mobBalance-Credit td:nth-of-type(1){	padding-left: 1%!important;  }

/*.mobShipping td:nth-of-type(4){ display: none;}
/* .mobShipping td:nth-of-type(2){ display: none;} */
.mobShipping td:nth-of-type(1):before { content: " "; }
.mobShipping td:nth-of-type(1){	padding-left: 1%!important;  }


.mobSalesTax td:nth-of-type(4){ display: none;}
.mobSalesTax td:nth-of-type(2){ display: none;}
.mobSalesTax td:nth-of-type(1):before { content: " "; }
.mobSalesTax td:nth-of-type(1){	padding-left: 1%!important;  }

.totalaWineCosts td:nth-of-type(4){ display: none;}
 .totalaWineCosts td:nth-of-type(2){ display: none;}
.totalaWineCosts td:nth-of-type(1):before { content: " "; }
.totalaWineCosts td:nth-of-type(1){	padding-left: 1%!important;  }


.table>tbody>tr>td{ border-top: 1px solid #f8f8f8;}
.list-group-item .pull-right {
    float: none!important;
}

	.pagination-first .page-link{position: relative; visibility: hidden; width: 25px; height: 30px; }
	.pagination-first .page-link:after{ content: "<<"; position: absolute; left: -5px; top: 0px; padding: 5px; visibility: visible; width: 30px; height: 30px; border: 1px solid #ddd; background-color: #fff; }
	.pagination-prev .page-link{position: relative; visibility: hidden; width: 25px; height: 30px; }
	.pagination-prev .page-link:after{ content: "<"; position: absolute; left: -5px; top: 0px; padding: 5px; visibility: visible; width: 30px; height: 30px; border: 1px solid #ddd; background-color: #fff; }
	.pagination-next .page-link{position: relative; visibility: hidden; width: 25px; height: 30px; }
	.pagination-next .page-link:after{ content: ">"; position: absolute; right: -5px; top: 0px; padding: 5px; visibility: visible; width: 30px; height: 30px; border: 1px solid #ddd; background-color: #fff; }
	.pagination-last .page-link{position: relative; visibility: hidden; width: 25px; height: 30px; }
	.pagination-last .page-link:after{ content: ">>"; position: absolute; right: -5px; top: 0px; padding: 5px; visibility: visible; width: 30px; height: 30px; border: 1px solid #ddd; background-color: #fff; }

/*--------------------------------- shipping ---------------------------------*/
.shippingCarrierDatePanel table,
.shippingCarrierDatePanel thead,
.shippingCarrierDatePanel tbody,
.shippingCarrierDatePanel th,
.shippingCarrierDatePanel td,
.shippingCarrierDatePanel tr {
	display: block;
	text-align: left;
	border: none;
}
/* Hide table headers (but not display: none;, for accessibility) */
.shippingCarrierDatePanel thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.shippingCarrierDatePanel tr {
	border: 1px solid #ccc;
}
.shippingCarrierDatePanel td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #fff;
	position: relative;
	/*padding-left: 58%!important;*/
	width: 100% !important;
	min-height: 40px;
	overflow-y: scroll;
}
.shippingCarrierDatePanel td:before {
	/* Now like a table header 
	position: absolute;*/
	/* Top/left values mimic padding 
	top: 6px;
	left: 6px;*/
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-family: "ChronicleDisplay-Semi", serif;
	font-weight: normal;
}
/*
	Label the data
	*/
.shippingCarrierDatePanel td:nth-of-type(1):before {
	content: "Shipping Service:";
}
.shippingCarrierDatePanel td:nth-of-type(2):before {
	content: "Description:";
}
.shippingCarrierDatePanel td:nth-of-type(3):before {
	content: "Expected Fees:";
}
.expectedShipPanel {

    display: -ms-block;
    /* TWEENER - IE 10 */
    display: -webkit-block;
    /* NEW - Chrome */
    display: block;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	flex-wrap: wrap;
}
.btnCheckDate {
	padding-top:20px;
	margin-left: 0;
}



	}


/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
	.modal {
    position: absolute!important;
	}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	 

	/*  .modal-body{ overflow: auto; height:428px; } */
	  	 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	  	
	  	 
    /*   .modal-body{ overflow: auto; height:200px; }  */
    

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.modal {
    position: absolute!important;
	}
	  	  
/* .modal-body{ overflow: auto; height:500px; } */


}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

 
	  	 /*
.modal-body{ overflow: auto; height:300px; } */

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  	 
	  	 
	/*  .modal-body{ overflow: auto; height:500px; }*/


}


	@media only screen and (max-width : 320px){
        .reviewsDetails li{font-size: .9em;	}
		.orderDescPanel{ font-size: .9em;	}
		.col-xs-6 span{display: block;}
		.productInfoPanel .orderWith{    width: 40px;}
		.productInfoPanel .form-control {
		height: 28px;
		padding: 3px 6px;
		}
		.mobileviewOrderHistory td:before { 
			top: 3px;
		}
			.orderDetailsPaneltbl td:before { 
			top: 3px;
		}
			.movieViewApproveOrder td:before { 
			top: 3px;
		}

		

		.orderDetailsPaneltbl td { 
		padding-left: 66%!important; 
		}

		


	}
.headerTitle{
        color: #a75b02;
        font-size: 1.5em;
    }
.subHeadContentTxt{font-weight: bold; padding-top: 10px; padding-bottom: 5px; color: #1d1c1b; font-size: 1.2em;}

@media only screen and (max-width: 1024px){
    .KistlerSubMenu .navbar-toggle { background-color: #C4A33C !important;}
}


/***** NEW PROPERTIES ADDED ******/

.panel-body, .list-group, .table, .form-group, .pickupAddressListContainer, .form-horizontal .control-label{font-family: "ChronicleDisplay-Semi", serif;}
.list-group-item{font-family: "ChronicleDisplay-Semi", serif; font-weight: normal;}
.KistlerSubMenu{background: #fff;}
.KistlerSubMenu li a:hover, .KistlerSubMenu li a:focus{ background:transparent;}
.KistlerSubMenu .navbar-nav > li, .navbar-nav a.active{font-family: "ChronicleDisplay-Semi", serif !important;}

.table > thead > tr > th{background: #E8E8E8; color:#000;}

.producTitle{color: #a75b02;}
.panel-default > .panel-heading{ color:#000 !important}


.txtExpectedShipDate {
    font-weight: normal;
}

.shipRate{
	color: #000;
}
.ui-datepicker{
	overflow: visible;
	z-index: 999;
  }
  .confirmOrder th, .confirmOrder td { width:33%};
  .orderPack.small{
	font-weight: normal !important;
	font-size: 0.93em !important;
}
.purpleTxt{ color:#b04463}
.introText summary em{ font-weight:bold !important}
.sumTotal{float:left}
.sumTotal span{color:#391701;}
.sumTotal:first-child{width:47%; padding-left:30px}
.sumTotal:last-child{width:53%}
#errorMessage {
	display: block;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border-radius: .25rem;
	border-width: 1px;
	border-style: solid;
	padding: .75rem 1.25rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #721c24;
}
 
.centreTxt {
	margin-bottom: 30px;
	text-align: center;
	font-family: "ChronicleDisplay-Semi", serif;
 
}
#numBottles{
	width: 60px;
}
.frmCurated{
	margin-left: 20px;
}
 
.curateDiv{
	background-color: yellow;
}