/* CSS Document - KRECK design - Reset Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Fix IE7 italics + float bug */
.cart-product-description {
 max-width:420px;
  overflow:auto;
}










/* ---- =Set new basic styles! --------------------------------------------------------- */

.access {
	position:absolute;
	text-indent:-9999px;
}
.float-left {
	float:left;
	display:inline;
}
.float-right {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}

div#errordiv {
	border:3px double #900;
	background-color:#FFFFF2;
	color:#900;
	padding:5px 10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:18px;
}

small { font-size:80%; }


/* ---- =Structure! --------------------------------------------------------- */

html {

	height: 100%;
	margin-bottom: 1px;   /* ---- creates scrollbar to prevent horiz. shifting; will pass validation! ---- */
	zzzbackground-color:#470014;
	zzzfont: 12px Arial, Helvetica, sans-serif;
}
body {
	margin-bottom: 10px;
	background-color:#470014;
	font: 12px Arial, Helvetica, sans-serif;
}
#header-container {
	position:absolute;
	width:730px;
	height:140px;
	left:50%;
	top:0;
	margin-left:-365px;
	z-index:2;
}
#interior-container {
	position:relative;
	width:730px;
	margin:auto;
	zzzmargin-top:155px;
	border:10px solid #2b000f;
	z-index: 0;
}
#nav-container {
	position:absolute;
	width:713px;
	margin:35px 0 0 -4px;
	height: 28px;
	padding:10px 0px 0px 25px;
	z-index:1;
}
#content-container {
	position:relative;
	z-index:0;
}
#footer-container {
	zzzwidth:730px;
	zzzmargin:12px auto;
 margin:12px 0;
}
#footer {
	width:730px;
	margin:12px auto;
}



/* ---- =CodeBoi structural IE7 fixes! --------------------------------------------------------- */

#wrapper {
 position:relative;
 padding-bottom:1px;		/* must have at least 1px, to give IE some "layout" */
 padding-top:155px;
}
#interior-container {
 margin-top:0;				/* we'll put some padding-top on the wrapper instead of margin-top on this one */
}
#content-container {
 zzzpadding-bottom:1px;		/* gives IE some "layout"  -hmmmm*/
}






/* ---- =Header! --------------------------------------------------------- */


#header-logo {
	zzzmargin:100px 0 0 15px;
	width:465px;
}

/*

OLD:

#header-logo H1#header-logo-hopkilnwinery {
	display:block;
	background:url('/images/header-logo-hopkilnwinery.jpg') no-repeat left top;
	width:429px;
	height:54px;
		margin:100px 0 0 15px;
}
#header-logo H1#header-logo-hkgenerations {
	display:block;
	background:url('/images/header-logo-hkgenerations.gif') no-repeat left top;
	width:108px;
	height:133px;
      zzzmargin-top:-85px;
		margin:15px 0 0 15px;
	 
}
*/


#header-logo H1#header-logo-hopkilnwinery A {
	display:block;
	background:url('/images/header-logo-hopkilnwinery.jpg') no-repeat left top;
	width:429px;
	height:54px;
	margin:100px 0 0 15px;
}
#header-logo H1#header-logo-hkgenerations A {
	display:block;
	background:url('/images/header-logo-hkgenerations.gif') no-repeat left top;
	width:71px;
	height:89px;
	margin:48px 0 0 15px;
}
#header-logo H1#header-logo-hkgcollections A {
	display:block;
	background:url('/images/header-logo-hkgcollections.gif') no-repeat left top;
	width:84px;
	height:101px;
	margin:48px 0 0 15px;
}


#header-side {
	position:absolute;
	left:465px;
}

ul#join-list {
	position:relative;
	width:293px;
	background: url('/images/join.gif') no-repeat 5px 13px;
	padding-left:90px;
	top:-12px;
}
ul#join-list li {
	margin: 0;
}
ul#join-list li a {
	color:#c6b196;
	font: 13px Georgia, Garamond, "Times New Roman", Times, serif;
	text-decoration:none;
	font-style:italic;
}
ul#join-list li a:hover {
	color:#FFF;
}




/* Following styles only intended for use on the /home/ ("Welcome") page */

#welcome #header-logo h1#header-logo-hopkilnwinery A {
 margin-top:80px;
}
h2#header-proprietors {
 text-indent:-9999px;
 background:transparent url('/images/header-proprietors.gif') no-repeat;
 width:301px;
 height:11px;
 zzzmargin-top:100px;
 zzzposition:relative;
 zzztop:30px;
 position:absolute;
 top:133px;
 left:72px;
}






/* ---- =Nav! --------------------------------------------------------- */

#navlist {
	position: relative; 
	width: 432px; 
	height: 19px;
	text-indent:-9999px;
}
#navlist li {
	height: 19px; 
	position: absolute; 
	/*background: url(/images/nav-items-1.gif) 0 0 no-repeat; this item set in sublayout stylesheets! */
	display: block; 
	list-style: none;
}
#navlist li a {
	display:block;
	height:19px;
}
#navlist li a:hover {
	/*background: url(/images/nav-items-1.gif) no-repeat;  this item set in sublayout stylesheets! */
}
#navlist li#home {
	width:60px;
	left:0;
	background-position:0 0;
}
#navlist li#learn {
	width:71px;
	left:60px;
	background-position:-60px 0;
}
#navlist li#sip {
	width:51px;
	left:131px;
	background-position:-131px 0;
}
#navlist li#savor {
	width:88px;
	left:182px;
	background-position:-182px 0;
}
#navlist li#inquire {
	width:76px;
	left:270px;
	background-position:-270px 0;
}
#navlist li#contact {
	width:86px;
	left:346px;
	background-position:-346px 0;
}

/* nav hover */

#navlist li#home a:hover{
	background-position:0 -19px;
}
#navlist li#learn a:hover{
	background-position:-60px -19px;
}
#navlist li#sip a:hover{
	background-position:-131px -19px;
}
#navlist li#savor a:hover{
	background-position:-182px -19px;
}
#navlist li#inquire a:hover{
	background-position:-270px -19px;
}
#navlist li#contact a:hover{
	background-position:-346px -19px;
}







/* ---- =Content! --------------------------------------------------------- */

#interior-container,
#content-container{
	background-color:#D1D1C7;
}
#content-container {
	line-height: 1.5em;
}
#content-container h3 {
	margin:12px 0 6px 0;
}
#content-container p {
	margin-bottom:1em;
}
#content-container blockquote {
	margin-left:1.5em;
}
#content-container a {
	color:#674F41;
}
#content-container a:hover {
	color:#AB7B5F;
}

#content-container div.line{
	position:relative;
	background: url(/images/hr.gif) repeat-x center;
	height:8px;
	width:100%;
	margin-top:10px;
}


#holder,
#main-scroll {
 background-color:#D1D1C7;
}




/* ---- =Content-MainColumn! --------------------------------------------------------- */


/* hey, ... */
#main-content ul {   /* Note, restrict to "holder" so as to not affect logo-list??? */
	padding-left:25px;
	list-style-type:disc;
	margin-bottom:1em;
}




/* ---- =Content-SideColumn! --------------------------------------------------------- */





/* ---- =Footer! --------------------------------------------------------- */

#footer-container {
 position:relative;
	color:#897668;
	font: normal 13px/1.7em Georgia, Garamond, "Times New Roman", Times, serif;
}

#footer-container ul li {
	display:inline;
}



#footer-container ul#info-list {
	color:#897668;
	padding-left: 0;
	margin-left: 0;
	float: left;
	display:inline;
}
#footer-container ul#info-list li a {
	padding: 0 8px;
	color:#897668;
	text-decoration: none;
	float: left;
	display:inline;
	background: url('/images/infolist-deco.gif') no-repeat;
}
#footer-container ul#info-list li a:hover {
	color:#D1D1C7;
}
#footer-container ul#info-list li a.first {
	padding-left:0;
	background-image: none;
}



#footer-container ul#appellation-list {

 position:absolute;
 bottom:-20px;
 right:20px;
	padding:0;
	margin:0px;
	margin-top:15px;
}
#footer-container ul#appellation-list  li  {
	float:left;
	display:inline;
	list-style-type: none;
}
#footer-container ul#appellation-list  li p#rrv {
	background: url('/images/footer-rrv.gif') no-repeat;
	width:175px;
	height:31px;
	text-indent:-9999px;
}
#footer-container ul#appellation-list  li p#soco {
	background: url('/images/footer-soco.gif') no-repeat;
	width:135px;
	height:31px;
	text-indent:-9999px;
}









/* ---- =Misc / =Cart Stuff --------------------------------------------------------- */



div.cart-product {
 margin-bottom:12px;
 clear:left;
}
.cart-product-title {
 padding-top:16px;
 font-weight:bold;
  font-size:120%;
}
.cart-product-title a {
 text-decoration:none;
}
.cart-product-title a:hover {
 text-decoration:underline;
}
div.cart-product-image {
 float:left;
 display:inline;
 clear:left;
 margin-right:10px;
 margin-bottom:10px;
}
div.product-details {
 clear:right;
}
div.cart-product-description {
 line-height:1;
 margin-bottom:8px;
}