body { color: #665040; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #565e49; background-image: url(../images/mottledg_bg.gif); background-repeat: repeat; }
td, th { color: #665040; font-size: 0.95em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
p { color: #665040; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; }
label { color: #665040; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3em; }
hr {color: #f5f1db; background-color: #f5f1db; border: 1px dotted #980065; border-style: none none dotted; }
.p { color: #665040; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; }
.p_small { color: #665040; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.2em; }
.p_side { color: #fff; font-size: 0.8em; line-height: 1.5em; text-align: left; }
.p_side a:link { color: #f5f1db; font-weight: normal; text-decoration: none; }
.p_side a:visited { color: #f5f1db; font-weight: normal; text-decoration: none; }
.p_side a:hover { color: #fff; font-weight: normal; text-decoration: underline; }
.p_side a:active { color: #ff9; font-weight: normal; text-decoration: underline; }
h1 { color: #980065; font-size: 1.75em; font-weight: 500; line-height: 1.25em; }
.h1 { color: #980065; font-size: 1.75em; font-weight: 500; line-height: 1.25em; }
h2 { color: #665040; font-size: 1em; font-weight: bold; line-height: 1.5em; margin-bottom: -1em; }
.h2_side { color: #f5f1db; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.75em; text-align: left; }
h3 { color: #665040; font-size: 0.8em; font-weight: bold; line-height: 1.5em; }
a:link { color: #980065; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; }
a:hover { color: #980065; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; }
a:visited { color: #73004c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; }
a:active { color: #c6c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; }
#wrapper { width: 900px; margin-top: -10px; margin-right: auto; margin-left: auto; }
#masthead { color: #fff; background-color: black; background-image: url(../images/northwest-cellars-mast5.jpg); background-repeat: no-repeat; top: 0; height: 135px; width: 900px; margin-left: 0; padding-top: -5px; padding-left: 0; }
.h1_masthead { color: #f5f1db; font-size: 1.25em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5em; text-align: center; }
.a_masthead, .a_masthead:visited, a_masthead:link { color: #f5f1db; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; }
.a_masthead:hover { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; }
#logo { color: #f5f1db; font-size: 11px; line-height: 13px; height: 100px; width: 200px; position: relative; top: 0; left: 10px; float: left; }
#mastheadText { color: #f5f1db; font-size: 1em; line-height: 1.2em; text-align: right; vertical-align: baseline; position: relative; top: 0; right: 170px; width: 320px; height: 100px; float: right; margin-top: -20px; }
#masthead p { color: #fff; font-size: 11px; text-decoration: none; margin-top: 0; }
#masthead h1 { color: #fff; font-size: 24px; font-weight: normal; text-decoration: none; margin-top: 5px; margin-bottom: 0; }
#masthead a { color: #f5f1db; text-decoration: none; }
#mastheadBug { position: relative; top: 0; right: 0; width: 150px; height: 120px; z-index: 500; float: right; clear: right; margin-top: -117px; margin-right: 10px; }
#cartnav { position: absolute; z-index: 500; top: 112px; width: 900px; height: 25px; clear: both; }
#cartnav p { color: #f5f1db; font-size: 0.7em; font-weight: normal; line-height: 1.2em; text-decoration: none; text-align: center; }
a.cartnav { color: #f5f1db; font-weight: normal; text-decoration: none; }
a.cartnav:hover { color: #fff; font-weight: normal; text-decoration: none; }
#nav { font-size: 10px; font-weight: normal; text-align: left; position: relative; width: 170px; z-index: 1000; overflow: visible; float: left; clear: left; }
#nav hr { color: #afa692; background-color: #a19884; height: 1px; width: 100%; text-align: left; border-style: none; border-width: 0; outline-width: 0; }
a.nav, a.nav:link, a.nav:visited { color: #f5f1db; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; background-image: url(../images/nav_btn1.jpg); background-repeat: repeat-y; text-decoration: none; display:block; height:16px; padding: 1px 0 1px 5px; text-align:left; position: relative; width: 165px; overflow:hidden; margin-top: 10px; }
.p_nav { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; left: 5px; margin-right: 5px; margin-left: 5px; padding-left: 5px; }
#nav h1 { color: black; font-size: 1.25em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; text-decoration: none; width: 165px; margin-right: 0; margin-left: 0; padding-top: 5px; padding-bottom: 0; padding-left: 5px; }
a.nav:hover { color: #fff; background-image: url(../images/nav_btn2.jpg); background-repeat: repeat-y; }
a.nav:active, .chosen { color: white; font-size: 11px; font-weight: bold; background-color: #f5f1db; display: block; }
a.nav img:hover { background-image: url(../images/Top10_btn2.jpg); }
a.subnav, a.subnav:link, a.subnav:visited { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; text-decoration: none; display:block; height:14px; padding: 1px 0 1px 12px; text-align:left; position: relative; width: 158px; overflow:hidden; }
a.subnav:hover { color: #fff; font-weight: normal; background-image: url(../images/nav_btn2.jpg); background-repeat: repeat-y; text-decoration: none; }
a.subnav:active, .subchosen { color: white; font-weight: normal; background-color: #f5f1db; display: block; }
#content { color: #665040; background-color: #f5f1db; background-image: url(../images/contentbg3.gif); background-repeat: repeat-y; width: 900px; overflow: visible; float: left; margin: 0; border-top: 5px solid black; border-bottom: 2px solid black; }
#content2 { color: #665040; background-image: url(../images/winedrops_bkgd.gif); background-repeat: no-repeat; background-position: right bottom; position: relative; margin: 0; padding: 10px; width: 690px; float: left; overflow: visible; }
#content2 ul { color: #665040; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: circle; }
#content2 li, ul li { color: #665040; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: circle; }
#content3 { color: #665040; margin: 0; width: 690px; float: left; overflow: visible; padding: 10px; }
#contentleft { color: #665040; background-image: url(../images/winedrops_bkgd.gif); background-repeat: no-repeat; background-position: right bottom; margin: 0; padding: 10px; position: relative; width: 440px; float: left; overflow: visible; }
#slideshow { color: #665040; margin: 0; padding: 0; position: relative; width: 730px; height: 212px; float: right; overflow: visible; }
#bannerbuttons { color: #665040; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 712px; height: 220px; float: right; overflow: visible; }
#contentleftcol1 { color: #665040; margin: 0 10px; width: 230px; float: left; overflow: visible; }
#contentleftcol2 { color: #665040; margin: 0; width: 230px; float: left; overflow: visible; }
#contentleft ul { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; list-style-type: circle; }
#homecol1 { color: #665040; margin: 0 0 0 10px; width: 200px; float: left; overflow: visible; }
#homecol2 { color: #665040; margin: 0 0 0 10px; width: 200px; float: left; overflow: visible; padding-left: 10px; border-left: 1px dotted #980065; border-top-color: #980065; border-right-color: #980065; border-bottom-color: #980065; }
#rightRailtop { color: #665040; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: left; margin-top: 10px; padding: 0 0 10px; position: relative; width: 250px; height: 100%; float: right; }
#rightRailtop h1 { color: #980065; font-size: 1.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.25em; background-color: #f5f1db; background-image: url(../images/rRail_h1.jpg); background-repeat: repeat-x; text-align: left; margin-top: 15px; padding: 10px 5px 7px 10px; width: 235px; }
#rightRailin { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: right; margin-top: 10px; padding: 0 0 10px; position: relative; width: 125px; height: 100%; float: right; border-left: 1px dashed #ba7fa6; }
#rightRailin h1 { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; background-color: #980065; margin-top: 15px; padding: 0 5px 2px 0; width: 120px; }
#rightRailin h2 { color: #665040; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1em; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#rightRailin h3 { color: #f5f1db; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#rightRailin p { color: #665040; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; padding-right: 10px; padding-left: 10px; }
#rightRailin a { color: #800080; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
#rightRail { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: right; position: relative; padding: 0 0 10px; width: 125px; height: 100%; float: right; margin-top: 10px; border-left: 1px dashed #ba7fa6; }
#rightRail h1 { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; background-color: #980065; width: 120px; margin-top: 15px; padding: 0 5px 2px 0; }
#rightRail h2 { color: #665040; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1em; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#rightRail h3 { color: #f5f1db; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#rightRail p { color: #665040; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; padding-right: 10px; padding-left: 10px; }
#rightRail a { color: #800080; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
#product { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; background-color: white; text-align: left; padding: 10px; position: relative; width: 300px; float: left; margin: 10px; border: solid 1pt; }
#productGroup { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: center; position: relative; width: 145px; float: left; padding: 5px; }
#product2col { color: #665040; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; background-color: white; text-align: left; padding: 10px; position: relative; width: 640px; float: left; margin: 10px; border: solid 1pt; }
#product h1 { color: #980065; font-size: 1.2em; font-weight: 500; line-height: 1.3em; }
#box { color: #fff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; text-align: right; margin-top: 0; margin-right: -10px; padding: 0 0 20px 10px; position: relative; width: 125px; float: right; }
#box h1 { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.25em; background-color: #980065; margin-top: 15px; padding: 0 5px 2px 0; width: 120px; }
#award { color: #665040; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; position: relative; width: 80px; height: 80px; float: left; margin-top: 2px; margin-right: 8px; margin-bottom: 2px; padding: 2px; border: solid 2px #980065; }
#award a:link { color: #665040; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#award a:hover { color: #980065; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.box { color: #f5f1db; position: relative; top: -10px; width: 115px; float: none; }
#box1 { color: #f5f1db; background-color: #ca800a; }
#box2 { color: #f5f1db; background-color: #d8b860; }
#box3 { color: #f5f1db; background-color: #98a7cd; }
#box4 { color: #f5f1db; background-color: #709466; }
#box5 { background-color: #908a7c; }
#box6 { background-color: #f5f1db; }
#contentRight { color: #665040; text-align: left; width: 400px; float: right; margin: 0; padding: 0 20px 10px 10px; }
#leftRail { color: #f5f1db; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1.25em; text-align: center; width: 260px; height: 100%; float: left; clear: left; max-width: 260px; padding: 10px; }
#leftRail h1 { color: white; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; line-height: 1.25em; }
#leftRail p { color: #f5f1db; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1.25em; }
#leftRail a { color: white; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 1.25em; text-decoration: underline; }
#logoLeft { text-align: center; width: 240px; height: 240px; float: left; padding-top: 10px; }
#footer { color: #f5f1db; font-size: 0.75em; line-height: 1.25em; text-align: center; clear: both; padding-top: 10px; }
#footer p { color: #f5f1db; font-size: 1em; line-height: 1.25em; }
#footer a:link { color: #f5f1db; font-weight: normal; text-decoration: none; }
#footer a:visited { color: #ff9; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #fff; font-weight: normal; text-decoration: underline; }
#footer a:active { color: #ff9; font-weight: normal; text-decoration: underline; }
.thumb { height: 81px; float: left; margin: 5px; border: solid 1px #000; }
.fullsize { float: left; margin: 0 10px 10px 0; border: solid 1px #000; }
.outline { border: solid 1px #000; }
#testimonial { text-align: left; width: 690px; clear: both; }
#imgLeft { width: 335px; float: left; }
#textRight { text-align: left; width: 335px; float: right; margin-top: -0.5em; }
#imgRight { width: 335px; float: right; }
#textLeft { text-align: right; width: 335px; float: left; margin-top: -0.5em; }
#showcase { position:relative; width:740px; height: 600px; margin:10px; }
bodyX { text-align:center; color: #665040; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; line-height: 1.5em; }
#showcase ul { width:260px; padding:0; margin:0; list-style-type:none; float:left; }
#showcase li { float:left; list-style-type: none; }
#showcase a.gallery span { position:absolute; width:1px; height:1px; top:0; overflow:hidden; background:#f5f1db no-repeat; right: 5px; float: left; }
#showcase a.gallery, #showcase a.gallery:visited { display:block; color:#665040; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; border:solid 1px #000; margin:5px; text-align:left; cursor:default; }
#showcase a.gallery:hover {border:solid 1px #f5f1db;}
#showcase a.gallery:hover span { position:absolute; width:460px; height:600px; top:0; right:0; color:#665040; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 200; line-height: 1.5em; background-color: #f5f1db; background-image: none; background-attachment: scroll; background-position: 0 0; visibility: visible; }
#showcase a.gallery:hover img {border:solid 1px #665040; float:right; margin-right:5px;}