/* CSS definition file containing sitestyle stylesheets */

/* MAIN CSS definition file containing sitestyle stylesheets */

@font-face {
  font-family: myFontHeader;
  src: url('/assets/fonts/AkzidenzGroteskBE-MdCn.otf?lastModified=1l1k5gg');
}


:root {
  --body-fonts: 'Courier New', 'Lucida Console', Courier, Monaco, Monospace;
  --body-font-size: .95rem;
  --body-titles: myFontHeader, Garamond, serif;
}

p.header { font-family: var(--body-titles); font-size: 1.5rem; color: #6a5440; line-height: 2; text-align: left;}
p.message { color: #e0477f; font-weight: bold;}
.required { font-size: 1rem; color: #e0477f; font-weight: bold; margin-right: 5px;}
p.error { color: #e0477f; font-weight: bold;}
.error { font-size: 1rem; color: #e0477f; background-color: #FFFF66; text-transform: uppercase; letter-spacing: 1px; }
div.hr { height: 15px; background: #ffffff url(/assets/images/hr.jpg?lastModified=1dsv8pj);}
hr.line { height: 15px; background: #ffffff url(/assets/images/hr.jpg?lastModified=1dsv8pj);}


a.nav-top:active { font-family: var(--body-titles); font-size: 1.2rem; line-height: 1.2; letter-spacing: 1.5px; text-transform: uppercase; color: #797c84; font-weight: normal; font-style: normal; text-decoration: none; }
a.nav-top:link { font-family: var(--body-titles); font-size: 1.2rem; line-height: 1.2; letter-spacing: 1.5px; color: #797c84; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; }
a.nav-top:visited { font-family: var(--body-titles); font-size: 1.2rem; line-height: 1.2; letter-spacing: 1.5px; color: #797c84; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; }
a.nav-top:hover { font-family: var(--body-titles); font-size: 1.2rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; }


a.primary:active { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #797c84; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0;}
a.primary:link { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #797c84; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0;}
a.primary:visited {font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #797c84; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0;}
a.primary:hover { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0; padding-left: 50px; border-left: 5px solid #4a4e57; background-color: transparent;}

.primary-nav:active { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0; padding-left: 50px; border-left: 5px solid #4a4e57; background-color: transparent;}
.primary-nav:link { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0; padding-left: 50px; border-left: 5px solid #4a4e57; background-color: transparent;}
.primary-nav:visited {font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0; padding-left: 50px; border-left: 5px solid #4a4e57; background-color: transparent;}
.primary-nav:hover { font-family: var(--body-titles); font-size: 1.7rem; line-height: 1.2; letter-spacing: 1.5px; color: #e0477f; text-transform: uppercase; font-weight: normal; font-style: normal; text-decoration: none; margin: 5px 0 0 0; padding-left: 50px; border-left: 5px solid #4a4e57; background-color: transparent;}

a.secondary:active { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.secondary:link { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.secondary:visited { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.secondary:hover { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none ;}

a.upper:active { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: .5px;}
a.upper:link { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: .5px;}
a.upper:visited { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase; letter-spacing: .5px;}
a.upper:hover { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none; text-transform:uppercase; letter-spacing:.5px;}

a.login:active { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.login:link { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.login:visited { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #555; font-weight: normal; font-style: normal; text-decoration: none ;}
a.login:hover { font-family: var(--body-fonts); font-size: var(--body-font-size); line-height: 1.5; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none ;}


 A.footer_hm:active {color: #c2a989; text-decoration: none;}
 A.footer_hm:link {color: #c2a989; text-decoration: none;}
 A.footer_hm:visited {color: #c2a989; text-decoration: none;}
 A.footer_hm:hover {color: #e6e6e6; text-decoration: none;} 
 
 A.footer:active {color: #81704b; text-decoration: none;}
 A.footer:link {color: #81704b; text-decoration: none;}
 A.footer:visited {color: #81704b; text-decoration: none;}
 A.footer:hover {color: #8a7d5b; text-decoration: none;}

 A.high:active { font-family: var(--body-fonts); font-size: 1.5rem; line-height: 1; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none;}
 A.high:link { font-family: var(--body-fonts); font-size: 1.5rem; line-height: 1; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none;}
 A.high:visited { font-family: var(--body-fonts); font-size: 1.5rem; line-height: 1; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none;}
 A.high:hover { font-family: var(--body-fonts); font-size: 1.5rem; line-height: 1; color: #e0477f; font-weight: normal; font-style: normal; text-decoration: none;}
/*
 A.nav:active {text-decoration: none ; line-height: 18px;}
 A.nav:link {text-decoration: none ; line-height: 18px;}
 A.nav:visited {text-decoration: none ; line-height: 18px;}
 A.nav:hover {text-decoration: underline ;  line-height: 18px;}
 */
 A.wines:active {text-decoration: none ;}
 A.wines:link {text-decoration: none ;}
 A.wines:visited {text-decoration: none ;}
 A.wines:hover {text-decoration: underline ;}
/*
.basket:active {text-decoration: none; color: #e0477f;}
.basket:link {text-decoration: none; color: #e0477f;}
.basket:visited {text-decoration: none; color: #e0477f;}
.basket:hover {text-decoration: none; color: #e0477f;}
*/
.image {
	border: solid #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
        max-width: 510px;
}
/*
 img.thumb {
	border: solid #ffffff;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
}

 td.container{
	border: solid #D1BFA7;
	border-width: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
}

 table.frame {
	border: solid #C0C0C0;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
}

.forms { 
	margin:0; 
	background-color: #f2f2f2;
	background: #f2f2f2;
	padding:10px;
	border:1px;
	border-style:	solid;
	border-left:	1px solid #C0C0C0;
	border-right:	1px solid #C0C0C0;
	border-top:		1px solid #C0C0C0;
	border-bottom:	1px solid #C0C0C0;

}

*/

.border {
	border: solid #ffffff;
	border-width: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}


hr {
border: 0;
color: #C0C0C0;
background-color: #C0C0C0; /*#8D8B86;*/
height: 1px; 
width: 100%;
text-align: left;
}


/* basket */

div.inner { 
	margin:0; 
	background-color: #f2f2f2; 
	background: #f2f2f2;
	padding:10px;
	border:1px;
	width:565px;
	border-style:	solid;
	border-left:	1px solid #C0C0C0;
	border-right:	1px solid #C0C0C0;
	border-top:		1px solid #C0C0C0;
	border-bottom:	1px solid #C0C0C0;

	font-family: var(--body-fonts);
	font-size: var(--body-font-size);
	color: #555; 
	line-height: 18px;

}
div.inner p { 
	line-height: 1.3;

}
  .initial { background-color: transparent; }
  .normal { background-color: transparent; }
  .highlight { background-color: #F0F0F0; }
  
#mce-success-response {
      font-family: var(--body-titles); font-size: 1.5rem; color: #e0477f; font-weight: normal; font-style: normal; text-transform: uppercase; margin-top: 20px; letter-spacing:1px; line-height: 1.2;
  }
  

#divPromo {
	position:fixed;
	margin:0 0 0 0;
	padding:0px;
	top: 0px; 
	left: 0px;
	/*bottom: 0px;*/
	min-width:100%;
	width:100%;
	min-height:100%;
	height:100%;
	border-color:#000000;
	overflow: hidden; /* Shouldn't be necessary, but doesn't hurt */
}
#divPromoBackground {
	position:absolute;
	/*border: 1px solid red;*/
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #333333;
	/*
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	*/
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow: hidden; /* Shouldn't be necessary, but doesn't hurt */
}
#divPromoForm {
	position:relative;
	padding:5px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background-color: #D7D7D7;
	border-color:#ffffff;
	border-style:solid;
	border-width:10px;
	top:35%;
	width:400px;
}













html, body { 
    padding: 0px;
    margin: 0px;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    line-height: 1.5;
    font-family: var(--body-fonts); 
    font-size: var(--body-font-size); 
    color: #555;  /*   #696969; #7c8186;  */
    font-weight: normal; 
    font-style: normal; 
    background-color: #fff;
    background-image: url('/assets/images/bg-kosuge.jpg?lastModified=1l1k5gg');
    background-position: center top;
    background-repeat: no-repeat;
    letter-spacing: normal;
}

a:active { color: #e0477f; text-decoration: underline;}
a:link { color: #e0477f; text-decoration: underline;}
a:visited { color: #e0477f; text-decoration: underline;}
a:hover { color: #e0477f; text-decoration: none ;}
.TextObject { font-family: var(--body-fonts); font-size: var(--body-font-size); color: #555; line-height: 1.5;}
h1 { font-family: var(--body-titles); font-size: 2.5rem; color: #4a4e57; font-weight: normal; font-style: normal; text-transform: uppercase; margin-top: 0px; letter-spacing: 1.5px; line-height: 1;}
h2 { font-family: var(--body-titles); font-size: 1.5rem; color: #e0477f; font-weight: normal; font-style: normal; text-transform: uppercase; margin-top: 0px; letter-spacing: 1.5px; line-height: 1.2;}
h3 { font-family: var(--body-titles); font-size: 1.5rem; color: #e0477f; font-weight: normal; font-style: normal; text-transform: uppercase; margin-top: 0px; letter-spacing: 1.5px; line-height: 1.2;}

h3.secondary { color: #555;}

/* 
#e0477f;

p { font-family: var(--body-fonts); font-size: 1rem; color: #555; line-height: 1.5; }

h2 { font-family: Garamond,serif; font-size: 20px; color: #695e4c; font-weight: normal; font-style: normal;text-transform:uppercase; margin-top:20px; letter-spacing:1px; line-height: 1.2;}
h3 { font-family: Garamond,serif; font-size: 18px; color: #695e4c; font-weight: normal; font-style: normal;text-transform:uppercase; margin-top:20px; letter-spacing:1.5px; line-height: 1.2;}

.forms td, .forms p { 
   font-family: var(--body-fonts); font-size: 1rem; color: #555; line-height: 0;
   border-spacing: 0px; padding: 0px;
}
*/
td, tr, table { font-family: var(--body-fonts); font-size: var(--body-font-size); color: #555; line-height: 1.5;}

 

ul { font-family: var(--body-fonts); font-size: var(--body-font-size); color: #555; line-height: 1.5; text-align: left;}
li { font-family: var(--body-fonts); font-size: var(--body-font-size); letter-spacing: normal; color: #555; line-height: 1.5; list-style-type: square;}
ol { font-family: var(--body-fonts); font-size: var(--body-font-size); letter-spacing: normal; color: #555; line-height: 1.5;}


/* FORMS */

.basketInfo {
   font-size: .8rem;
}

select[name*="billingstate"], select[name*="shippingstate"] {
  min-width: 120px;
  max-width: 120px;
}

input[name*="billingzip"], input[name*="shippingzip"], input[name*="billingphone"], input[name*="shippingphone"] {
  min-width: 120px;
  max-width: 120px;
}

/*  
form, label, input, select, textarea {
  font-family: var(--body-fonts); font-size: var(--body-font-size); color: #555;
}
*/