body {
    width:960px;
margin: 40px auto;
font-family: Georgia;
background-color:#FFF;
}
/* ------------------------ */

.replace {
    position:relative;
    margin:0px;
    padding:0px; /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

.replace span {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1; /*for Opera 5 and 6*/
}

#myh1, #myh1 span {
    height:48px;
    width:607px;
    background-image: url(/_img/_graphics/nameBanner_607x48.png);
} 
/* ------------------------ */
h2 {
    width:75%;
    float:left;
    color:maroon;
}
p,li,dd {
    line-height:1.6em;
}

img.icon { vertical-align:middle; border:0}

/* ------------------------ */
div #navigation {}
div #navigation ul li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
/*==========================
Menu styles 
Copyright (c) 2009 Stu Nicholls. All rights reserved.
*/
#pad {
    height:100px;
    }

#menu {
    padding:0 0 0 0px;
    margin:0 auto;
    list-style:none;
    width:960px;
    height:30px;
    background:url(/_img/_menu/background.png)
    }

* html #menu {
    margin:0;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/_menu/background_30.png', sizingMethod='scale');
    }

#menu li {
    position:relative;
    float:left; margin:0;
    }
#menu li a {
    display:block;
    height:30px;
    line-height:29px;
    padding:0 20px 0 20px;
    float:left;
    color:#333;
    text-decoration:none;
    font-family:Georgia;
    font-size:11pt;
    background:url(/_img/_menu/divide_30.png) no-repeat right top;
    }
#menu li a b {
    display:block;
    height:30px;
    float:left;
    padding:0 0 0 20px;
    }
    
#menu li.current,
#menu li a:hover,
#menu li a:active,
#menu li a:focus,
.home #menu li#home a,
.about #menu li#about a,
.wines #menu li#wines a,
.ordering #menu li#ordering a,
.mailing #menu li#mailing a,
.contact #menu li#contact a
    {background:#999 url(/_img/_menu/divide2_30.png) no-repeat right top;
    cursor:pointer;
    color:#fff;
    line-height:29px;
    }
    
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.home #menu li#home a b,
.about #menu li#about a b,
.wines #menu li#wines a b,
.ordering #menu li#ordering a b,
.mailing #menu li#mailing a b,
.contact #menu li#contact a b
    { background:#999;
    cursor:pointer;
    }
/* eof Menu
/* ========================= */
div #page_wrap{
}
/* ------------------------ */
div #content_wrap{
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    background-color:#FDFDFD;
}
/* ======================== */
div #home_left{
float:left;
width:270px;
padding:0;
}
div #home_left img {
    margin:-1px 0 -4px 0;
    padding:0;
}
div #home_right{
    font-size:10pt;
    padding:15px 25px 15px 290px;
}
div #home_triptych {
   clear:both;
}
div #triptych_1 {
    width:311px;
    float:left;
    border:1px solid #CCC;
    margin: 10px 10px 0 0;
    height:160px;
    background:#999 url(/_img/_photos/tt_008.jpg) no-repeat right top;
}
div #triptych_1 p {
    color:#FFF;
    margin: 10px 10px 10px 100px;
    line-height:1.0em;
    font-size:10pt;
}

div #triptych_1 p a:link {color:#FFF;}
div #triptych_1 p a:hover {color:blue;}
div #triptych_1 p a:visited {color:#FFF;}

div #triptych_2 {
    width:312px;
    float:left;
    border:1px solid #CCC;
    margin: 10px 10px 0 0;
    height:160px;
    background:#999 url(/_img/_photos/tt_007.jpg) no-repeat right top;
}
div #triptych_2 p {
    color:#FFF;
    margin: 10px 20px 10px 20px;
    line-height:1.0em;
    font-size:10pt;
}

div #triptych_2 p a:link {color:#FFF;}
div #triptych_2 p a:hover {color:blue;}
div #triptych_2 p a:visited {color:#FFF;}

div #triptych_3 {
    width:311px;
    float:left;
    border:1px solid #CCC;
    margin: 10px 0 0 0;
    height:160px;
    background:#999 url(/_img/_photos/tt_006.jpg) no-repeat right top;
}
div #triptych_3 p {
    color:#333;
    margin: 10px 0 0 10px;
    line-height:1.4em;
    font-size:10pt;
}

div #triptych_3 p a:link {color:#333;}
div #triptych_3 p a:hover {color:blue;}
div #triptych_3 p a:visited {color:#333;}

/* ------------------------ */
div #about_left{
float:left;
width:270px;
padding:0;
}

div #about_left img {
    margin:-1px 0 -4px 0;
    padding:0;
}
div #about_right{
    font-size:10pt;
    padding:15px 25px 15px 290px;
}

div #about_right h2 {
    width:100%;
    color:maroon;
}
/* ------------------------ */
div #wines_left{
    font-size:10pt;
    padding:15px 40px 30px 40px;  
}
div #wines_left dl{
    
}
div #wines_left div.wineListItem{
    height:170px;
    clear:left;
}
div #wines_left div.wineListItem img {
    border:1px solid #333;
    margin-right:20px
}
div #wines_left dl dt{
    float:left;
    width:4em;
    font-weight:bold;
}
div #wines_left dl dd{
    margin-left: 4em;
}
div #wines_left dl dd.wineType{
    font-weight:bold;
}
div #wines_left dl dd.bottlePrice{
    margin-bottom:1em;
}
div #wines_left dl dd.cartonPrice{
    
}



div #wines_right{
    
}
/* ------------------------ */
div #order_left{
    font-size:10pt;
    padding:15px 40px 30px 40px;
}

div #order_left h2 {
    float:left;
    width:60%;
    margin-top:1em;
}

div #order_left h4 {
    float:right;
    width:30%;
    margin-top:2em;
    text-align:right;
    line-height:1.8em;
}
div #order_left table.orders{
    width:600px;
    margin:3px 0 20px 0;
    border-top:1px solid #999; border-right:1px solid #999; border-collapse:collapse
}
div #order_left table.orders caption {
    text-align:left; font-weight:bold;
}
div #order_left table.orders th{
    padding:3px 5px 3px 5px;
    text-align:left;
    border-bottom:1px solid #999; border-left:1px solid #999; border-collapse:collapse
}
div #order_left table.orders td{
    padding:3px 5px 3px 5px;
    border-bottom:1px solid #999; border-left:1px solid #999; border-collapse:collapse
}
div #order_right{
    
}
/* ------------------------ */
div #mailing_right h2 {
    width:100%;
    color:maroon;
    clear:both;
}
div #mailing_right{
    font-size:10pt;
    padding:15px 40px 30px 40px;
    width:100%;
}

div #mailing_right p label {
    float:left;
    width:6em;
}
div #mailing_left{
  
}
/* ------------------------ */
div #contact_left h2 {
    width:100%;
    color:maroon;
    clear:both;
}
div #contact_left{
    font-size:10pt;
    padding:15px 40px 30px 40px;
    float:left;
    line-height:1.8em;
    width:20%;
}
div #contact_right{
    font-size:10pt;
    padding:60px 40px 30px 40px;  
}
div #contact_map {
    clear:both;
    border-top:1px solid #666;
    margin-bottom:25px;
}
/* ------------------------ */
div #email_left h2 {
    width:100%;
    color:maroon;
    clear:both;
}
div #email_left{
    font-size:10pt;
    padding:15px 40px 30px 40px;
    width:100%;
}
div #email_right{
  
}

/* ======================== */
div .spacer {clear:both; height:0px;}
/* ======================== */
div #footer {
    clear:both;
    padding:5px 0 0 0;
    font-size:8pt;
    /* border-top: 1px solid #ccc; */
}

div #footer ul {margin:0}

div #footer ul li
{
display: inline;
list-style-type: none;
color:#666;

}

div #footer ul li#copyrightLink {float:left;padding:0; text-align:left; width:70%;}

div #footer ul li#copyrightLink { margin:0 0 0 -40px; }

div #footer ul li#lastmodNote {float:right; width:30%;text-align:right; margin:0;  padding:0;}

div #footer ul li a:link {color:#666;}
div #footer ul li a:hover {color:blue;}
div #footer ul li a:visited {color:#666;}

/* ------------------------ */