body
{
width: 100%;
margin: 0;
color: #2e2e2e;
background: #ffffff;
font-family: arial, verdana;
font-size: 62.5%;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
}
form
{
margin: 0;
padding: 0;
}
p.image_right img, img.image_right
{
float: right;
padding: 0 0 10px 10px;
}

p.status
{
color: #691f2f;
font-weight: bold;
}

a:visited, a:link
{
outline: none;
color: #691f2f;
text-decoration: underline;
}
a:visited
{
color: #691f2f;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #000;
text-decoration: underline;
}

div.hidden
{
display: none;
visibility: hidden;
}
div.shown
{
display: block;
visibility: visible;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 4px;
border: 0 none;
background: #fff;
color: #313731;
}
input.alert, p.alert, textarea.alert
{
border: 2px solid #691f2f;
padding: 2px;
}

h2, h3, h4
{
color: #691f2f;
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.2em;
line-height: 1.1em;
}
h2
{
padding: 0 0 5px 0;
border-bottom: 1px solid #dbd8d6;
}
div.column h2
{
margin: 0 0 .8em 0;
border: 0 none;
}
h3
{
font-size: 1.3em;
line-height: 1.1em;
}
h4
{
font-size: 1.2em;
line-height: 1.1em;
}
p
{
padding: 0;
margin: 0 0 .8em 0;
font-size: 1.2em;
line-height: 1.5em;
}

ul.skip {display: none;}

p.logo, p.logo a, p.all_from, h1, h1 a, h2.gentle_fall, h2.order, h2.cart, h3.what, h3.know, h3.peak, h3.peak a, div.order ul li a
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
text-decoration: none;
background: url(/images/logo.gif) no-repeat;
font-size: .05em;
line-height: .05em;
border: none;
}
h1
{
width: 100%;
height: 36px;
margin-bottom: 22px;
}
h1.the_wine{background: url(/titles/the_wine.gif) no-repeat;}
h1.the_vineyard{background: url(/titles/the_vineyard.gif) no-repeat;}
h1.the_story{background: url(/titles/the_story.gif) no-repeat;}
h1.links{background: url(/titles/links.gif) no-repeat;}
h1.contact{background: url(/titles/contact.gif) no-repeat;}
h1.checkout{background: url(/titles/checkout.gif) no-repeat;}
h1.terms{background: url(/titles/terms.gif) no-repeat;}
h1.news{background: url(/titles/news.gif) no-repeat;margin: 0;}

h1.logo, h1.logo a, p.logo, p.logo a
{
width: 190px;
height: 97px;
}
p.all_from
{
height: 221px;
background: url(/titles/all_from_new.gif) no-repeat bottom left;
}
h2.gentle_fall
{
height: 30px;
width: 100%;
margin-bottom: 13px;
background: url(/titles/gentle_fall.gif) no-repeat;
}
h2.order, h2.cart
{
height: 24px;
width: 100%;
margin-bottom: 8px;
background: url(/titles/order.gif) no-repeat;
}
h2.cart
{
background: url(/titles/cart.gif) no-repeat;
}
h3.what, h3.know
{
height: 97px;
width: 179px;
background: url(/titles/what.gif) no-repeat;
}
h3.know
{
background: url(/titles/know.gif) no-repeat;
}
h3.peak, h3.peak a
{
height: 97px;
width: 573px;
background: url(/titles/peak.gif) no-repeat;
}
h3.peak
{
position: relative;
z-index: 20;
margin-right: -361px;
}
p.logo a, h1.logo a:hover{text-decoration: none;}

ul, ol
{
margin: 0 0 10px 10px;
padding: 0 0 0 10px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.5em;
}
li li
{
font-size: 1em;
}

ul.linklist
{
list-style-type: none;
width: 100%;
float: left;
padding: 0;
margin: 0 0 20px 0;
}
div.greyarea ul.linklist
{
width: 404px;
}
ul.linklist li
{
width: 192px;
padding: 0 10px 10px 0;
float: left;
}
ul.linklist li.news
{
width: auto;
padding: 3px 0 3px 33px;
background: url(/images/rss.gif) no-repeat;
}


div.greyarea div.checkout
{
float: left;
width: 404px;
}


div.header_wide, div.content_wide, div.footer_wide, div.greyarea_wide
{
position: relative;
z-index: 20;
float: left;
width: 100%;
text-align: center;
margin: 0px auto 0 auto;
}
div.header_wide
{
background: #200e16;
}
div.greyarea_wide
{
z-index: 10;
background: #edede9;
}
div.header, div.content, div.footer, div.greyarea
{
width: 769px;
margin: auto;
text-align: left;
}
div.greyarea
{
width: 869px;
}

p.logo, h1.logo{margin: 0;}

div.header_inner
{
width: 769px;
float: left;
padding: 27px 0 0 0;
min-height: 124px;
height: auto;
}
/*\*/
* html div.header_inner
{
height: 124px;
}
/**/

div.greyarea_corks
{
float: left;
width: 869px;
height: 389px;
background: url(/images/corks.jpg) no-repeat;
margin-bottom: -133px;
}
div.greyarea_contact
{
float: left;
width: 769px;
padding: 50px 50px 92px 50px;
background: url(/images/contact.jpg) no-repeat bottom right;
margin-bottom: -72px;
min-height: 450px;
height: auto;
}
/*\*/
* html div.greyarea_contact
{
height: 450px;
}
/**/

div.greyarea_the_wine
{
float: left;
width: 469px;
padding: 50px 350px 20px 50px;
background: url(/images/bottle.jpg) no-repeat bottom right;
min-height: 186px;
height: auto;
}
div.greyarea_the_vineyard, div.greyarea_the_story
{
float: left;
width: 315px;
padding: 50px 504px 20px 50px;
background: url(/images/vineyard.jpg) no-repeat bottom right;
min-height: 186px;
height: auto;
}
div.greyarea_the_story
{
background: url(/images/story.jpg) no-repeat bottom right;
}
div.greyarea_inner
{
float: left;
width: 769px;
padding: 50px 50px 20px 50px;
min-height: 186px;
height: auto;
}
div.greyarea_inner a:link, div.greyarea_inner a:visited
{
color: #000;
text-decoration: underline;
}
div.greyarea_inner a:hover, div.greyarea_inner a:active
{
color: #691f2f;
text-decoration: underline;
}


/*\*/
* html div.greyarea_the_vineyard, * html div.greyarea_the_wine, * html div.greyarea_the_story, * html div.greyarea_inner
{
height: 186px;
}
/**/

div.greyarea p
{
clear: left;
width: 100%;
color: #691f2f;
}
div.greyarea p.all_from
{
float: right;
width: 387px;
}

div.content_inner
{
width: 769px;
float: left;
padding: 20px 0 20px 0;
}

div.home_inner
{
width: 460px;
float: left;
padding: 69px 309px 20px 0;
background: url(/images/home_grapes.jpg) no-repeat top right;
min-height: 192px;
height: auto;
}
/*\*/
* html div.home_inner
{
height: 192px;
}
/**/
div.home_inner p
{
width: 460px;
float: left;
}
div.home_inner ul
{
width: 460px;
float: left;
padding: 0;
margin: 10px 0 10px 0;
list-style-type: none;
background: url(/images/home_order.gif) no-repeat;
}
div.home_inner ul li
{
width: 181px;
float: left;
padding: 0;
background: url(/images/home_order_bottom.gif) no-repeat bottom left;
}
div.home_inner ul li a
{
width: 151px;
float: left;
padding: 9px 5px 8px 25px;
}

div.content div.column,
div.greyarea div.column
{
float: left;
width: 230px;
width: 484px;
padding: 0 24px 0 0;
}
div.content div.order, div.greyarea div.order
{
float: right;
width: 255px;
background: #dbd8d6 url(/images/order_top.gif) no-repeat;
}
div.content div.order_inner, div.greyarea div.order_inner
{
float: left;
width: 217px;
padding: 27px 19px 16px 19px;
background: url(/images/order_bottom.gif) no-repeat bottom left;
}
div.greyarea div.order
{
background: #dbd8d6 url(/images/order_grey_top.gif) no-repeat;
}
div.greyarea div.order_inner
{
background: url(/images/order_grey_bottom.gif) no-repeat bottom left;
}

div.order p
{
float: left;
width: 217px;
color: #2e2e2e;
}
div.greyarea div.order p
{
clear: none;
}

div.order p.field select
{
width: 217px;
background: #edede9;
color: #691f2f;
}
div.order p.submit
{
margin: 0;
text-align: right;
}
div.order p.price
{
text-align: right;
min-height: 20px;
height: auto;
}
/*\*/
* html div.order p.price
{
height: 20px;
}
/**/
div.order p.loading
{
background: url(/images/loading.gif) no-repeat center right;
}
div.loading
{
float: left;
background: url(/images/loading.gif) no-repeat top right;
}


div.order p.total
{
text-align: right;
border-top: 1px solid #edede9;
padding: 5px 0 0 0;
margin: 0;
width: 207px;
}
div.order ul
{
list-style-type: none;
padding: 0;
margin: 0;
float: left;
width: 217px;
}
div.order ul li
{
float: left;
width: 207px;
padding: 5px 0 5px 0;
border-top: 1px solid #edede9;
}

div.order ul li a
{
float: right;
background: url(/images/delete.gif) no-repeat top right;
width: 12px;
height: 14px;
}


div.content div.bottom_cork, div.content div.bottom_grapes
{
float: left;
margin: 17px 0 0 0;
padding: 4px 0 0 196px; 
width: 573px;
color: #edede9;
background: url(/images/bottom_cork.jpg) no-repeat;
height: 122px;
}
div.content div.bottom_grapes
{
background: url(/images/bottom_grapes.jpg) no-repeat;
}

div.content div.bottom_inner, div.content div.bottom_inner_alt
{
float: left;
width: 573px;
height: 97px;
background: url(/images/bottom_inner.gif) no-repeat;
}
div.content div.bottom_inner_alt
{
background: url(/images/bottom_inner_alt.gif) no-repeat;
}
div.content div.bottom_inner p, div.content div.bottom_inner_alt p
{
float: right;
width: 360px;
padding: 21px 18px 0 0;
margin: 0;
font-size: 1.1em;
line-height: 1.35em;
}
div.content div.bottom_inner img
{
float: left;
position: relative;
z-index: 10;
}





div.greyarea div.contact
{
float: left;
width: 424px;
background: #f3f5f3 url(/images/contact_top.gif) no-repeat;
}
div.greyarea div.contact_inner
{
float: left;
width: 376px;
padding: 23px 24px 12px 24px;
background: url(/images/contact_bottom.gif) no-repeat bottom left;
}
div.greyarea div.contact_inner div
{
float: left;
width: 376px;
}
div.greyarea div.contact_right
{
width: 310px;
float: right;
}
div.greyarea div.contact_right h2
{
color: #691f2f;
}
div.greyarea div.contact_right p
{
color: #313731;
}
div.greyarea div.contact p
{
float: left;
width: 376px;
}
div.greyarea div.contact p span
{
float: left;
width: 106px;
}
div.greyarea div.contact p.field
{
font-size: 1.1em;
}
div.greyarea div.contact p.field input, div.greyarea div.contact p.field textarea
{
border: 2px solid #ecede9;
padding: 2px;
width: 258px;
vertical-align: middle;
}
div.greyarea div.contact p.field input.alert, div.greyarea div.contact p.field textarea.alert
{
border: 2px solid #691f2f;
}
div.greyarea div.contact p.submit
{
margin: 0;
text-align: right;
}

div.greyarea div.contact a:visited, div.greyarea div.contact a:link
{
color: #2e2e2e;
text-decoration: underline;
}
div.greyarea div.contact a:hover, div.greyarea div.contact a:active
{
color: #691f2f;
text-decoration: underline;
}

div.greyarea h2.news
{
float: left;
width: 702px;
color: #691f2f;
padding: 10px 19px 10px 48px;
margin: 22px 0 0 0;
font-size: 1.3em;
background: #dbd8d6 url(/images/news_headline.gif) no-repeat;
}
div.greyarea h2.clearleft
{
float: left;
clear: left;
width: 100%;
}
div.greyarea h2.news span
{
font-size: .9em;
}
div.greyarea div.news
{
float: left;
width: 731px;
padding: 10px 19px 10px 19px;
background: #f3f5f3 url(/images/news_body.gif) no-repeat bottom left;
}

div.footer_wide
{
border-top: 1px solid #d4cdd0;
}
div.footer_inner
{
padding: 10px 0 20px 0;
width: 769px;
float: left;
}

div.footer ul
{
float: left;
width: 449px;
padding: 4px 0 0 0;
margin: 0;
list-style-type: none;
}

div.footer ul.copyetc
{
width: 315px;
float: right;
}

div.footer ul li
{
float: left;
font-size: 1.1em;
line-height: 1.1em;
padding: 0 4px 0 4px;
margin: 0 0 5px 0;
color: #666666;
}
div.footer ul.copyetc li
{
float: right;
}
div.footer ul li.home
{
padding-left: 0;
}
div.footer ul li.swordfox
{
padding-right: 0;
}
div.footer ul li a:link, div.footer ul li a:visited
{
color: #626262;
text-decoration: none;
}
div.footer ul li a:hover, div.footer ul li a:active, div.footer ul li.eaf a:link, div.footer ul li.eaf a:visited
{
color: #691f2f;
text-decoration: underline;
}