/* @override
http://buyersvine.com/retail/site/css/main.css
http://buyersvine.dev/retail/site/css/main.css
http://www.buyersvine.bv/retail/site/css/main.css
*/

*{font-family:Lucida Grande,Lucida Sans Unicode,sans-serif}
body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,pre{border:0;margin:0;padding:0}

body{
    background:#fff;
    color:#333;
    font-size:62.5%;
}
body#front{padding:0 0 159px}

form label{
    font-size:1.6em;
    font-weight:bold;
}
form .element{
    border:1px solid #c0c0c0;
    font-size:2.5em;
    color:#333;
}
form input.element{width:85%}
form input.quarter{width:25%}
form input.half{width:50%}
form input.three{width:75%}
form input.disabled{background-color: #F8F1FF;}
form table td.label{
    width:25%;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    white-space: nowrap;
}
form table td.submit{
    text-align:right;
}
form table td.submit .submit{
    font-size:1.8em;
    font-weight:bold;
    margin:10px 0 0;
}
form table td.text{width:65%}
form table tr.break td{padding-top:20px}

table{
    width:100%;
    font-size:1em;
}
#cen{
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
}
#body{
    width:100%;
    text-align:center;
}
#logo { /* jul 11 (new) - created a table to position the logo and note */
    width: 650px;
    padding: 10px 0 0 5px;
}
#head{
    position:relative;
    width:100%;
    background:url(../img/head_c.gif) 0 100% repeat-x;
    text-align:left;
}
#head h2{
    /*position:absolute;*/
    top:22px;
    left:25px;
}
#head h2 a{
    color:#333;
    text-decoration:none;
    display:block;
    font-size:6px;
    /*width:400px;*/
    height:70px;
    background-position:0 0;
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#head h3{
    font-size:1.4em;
    font-weight:normal;
}

#head h3 span{
    background: url(/images/buyersvine_button.gif) no-repeat;
    width: 85px;
    height: 25px;
    display: block;
    position: relative;
    top: -21px;
    right: -85px;
}
#head h3 span a{
    display: block;
    height: 100%;
    width: 100%;
}

#head h3 span a span.hide{
    display: none;
}
#head p.link{
    position:absolute;
    top:15px;
    right:34px;
    font-size:1.4em;
    text-align:right;
}
#head ul{
    position:absolute;
    top:71px;
    right:25px;
    list-style:none;
    margin:0;
}
#head ul li{display:inline; font-size: 0.8em;}
#head .left{
    position:absolute;
    bottom:0 !important;
    bottom /**/:-1px; /* for IE5/Win only */
    left:0 !important;
    left /**/:-1px; /* for IE5/Win only */
    background-position:0 100%;
    background-repeat:no-repeat;
}

#head .note{
    /*position:absolute;
    top:40px;
    right:400px;
    width:275px;*/
}
#head .note h4{
    font-size:2.5em;
    font-weight:normal;
    letter-spacing:-2px;
    color:#8d0244;
}
#head .note p{
    font-size:1.6em;
    margin:0;
    letter-spacing:-1px;
}
#head .right{
    position:absolute;
    bottom:0 !important;
    bottom /**/:-1px; /* for IE5/Win only */
    right:0 !important;
    right /**/:-1px; /* for IE5/Win only */
    background-position:100% 100%;
    background-repeat:no-repeat;
}

#head,
#head .left,
#head .right{height:135px} /* jul 11 (147px) */
#head .left{
    background-image:url(../img/head_l.gif);
    width:9px;
}
#head .right{
    background-image:url(../img/head_r.gif);
    width:9px;
}


body#front #search{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:100px;
    background:url(../img/search_c.gif) 0 0 repeat-x #8d0244;
}
/* hide from mac ie5 \*/
body#front #search{position:absolute}
/* end hide from mac ie5 */
html>body#front #search{position:fixed}


body#login form{
    padding:15px;
}

/* July 24 269px for height and 'wine' instead of 'alt' */
body#query #head,
body#query #head .left,
body#query #head .right{height:190px} /* jul 11 (281px) */

body#query #head{background:url(../img/head_c_wine.gif) 0 100% repeat-x;}
body#query #head .left{
    background-image:url(../img/head_l_wine.gif);
    width:9px;
}
body#query #head .right{
    background-image:url(../img/head_r_wine.gif);
    width:9px;
}
body#query #head #search{padding-top:5px} /* jul 11 (128px) */
body#query #head #search #query-form{
    position:absolute;
    top:35px; /* jul 11 (70px) */
    left:25px;
}
body#query #head #search #query-form .query{
    font-size:2.0em;
    border:3px solid #d7d7d7;
}
body#query #head #search #query-form .submit{
    font-size:2.0em;
    font-weight:bold;
}

/* July 24 269px for height and 'wine' instead of 'alt' */
body#results #head,
body#results #head .left,
body#results #head .right{height:190px;} /* jul 11 (281px) */

body#results #head{background:url(../img/head_c_wine.gif) 0 100% repeat-x}

body#results #head .left{
    background-image:url(../img/head_l_wine.gif);
    width:9px;
}
body#results #head .right{
    background-image:url(../img/head_r_wine.gif);
    width:9px;
}
body#results #head #search{padding-top:5px;} /* jul 11 (128px) */

body#wine #head,
body#wine #head .left,
body#wine #head .right{height:202px}
body#wine #head{background:url(../img/head_c_wine.gif) 0 100% repeat-x}
body#wine #head .back{
    position:absolute;
    bottom:10px;
    left:15px;
}
body#wine #head .left{
    background-image:url(../img/head_l_wine.gif);
    width:9px;
}
body#wine #head .right{
    background-image:url(../img/head_r_wine.gif);
    width:9px;
}

#main{
    width:96%;
    margin:0 auto;
    text-align:left;
}
#main h1 {
    padding: 10px;
}
#main .left,#main .right{width:49%}
#login #main .left,#login #main .right{
    width:49% !important;
    width /**/:43%; /* for IE5/Win only */
}
#main .left{float:left}
#main .left h3,
#main .right h3{
    font-size:1.4em;
    color:#8d0244;
    border-bottom:1px solid #dfdfdf;
    text-indent:8px;
    padding:15px 0 6px;
}
#main .right{float:right}
#main .tags{
    margin:0;
    padding:8px 0 0;
    font-size: 10px;
    font-size: 0.8em;
}

.about_me{
    font-size:1.6em;
    padding: 10px;
    position: absolute;
    top: 40px;
    left: 172px;
}

#search .search{
    position:relative;
    width:100%;
    height:75px;
}



#search .search h3{
    position:absolute;
    top:15px; /* jul 11 */
    left:18px;
    font-size:1.4em;
    color:#fff;
}
#search .search h3 span{
    font-size:0.8em;
    font-weight:normal;
}
#search .search ul{
    list-style:none;
    position:absolute;
    top:40px;
    right:20px;
}
#search .search ul li{display:inline}
#search .search .left,
#search .search .right{
    position:absolute;
    top:0;
    width:9px;
    height:9px;
}
#search .search .left{
    left:0;
    background:url(../img/search_l.gif) 0 0 no-repeat;
}
#search .search .right{
    right:0;
    background:url(../img/search_r.gif) 0 0 no-repeat;
}
#search .search .tags{
    position:absolute;
    top:35px; /* jul 11 (70px) */
    left:15px;
    width:86%;
}
#search .search .tags p{
    margin:0;
    width:13%;
    padding:5px;
    font-size:1.4em;
    font-size: 14px;
    float:left;
    margin:0 15px 4px 0;
    border:2px solid transparent;
    white-space: nowrap;
}
#search .search .tags p a.faded{
    color: #da4188;
}
#search .search .tags p.empty{
    border-color:#ad025a;
    background-color:#9c024d;
}
#search .search .tags p a{
    color: #fff;
}

#search .searchKeyword {
    padding-top:50px;
}
#search .searchKeyword h3 { font-size:1.6em; }
#search .searchKeyword #query-form{
    position:absolute;
    top:60px;
    left:18px;
}
#search .searchKeyword #query-form .query{
    font-size:2.2em;
    border:3px solid #d7d7d7;
}
#search .searchKeyword #query-form .submit{
    font-size:2.2em;
    font-weight:bold;
}


#search .upc h3 { font-size:1.6em; }
#search .upc #query-form{
    position:absolute;
    top:60px;
    left:300px;
}
#search .upc #query-form .query{
    font-size:2.2em;
    border:3px solid #d7d7d7;
}
#search .upc #query-form .submit{
    font-size:2.2em;
    font-weight:bold;
}

#result_count {
    /*
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 10px 238px 0px 392px;
    text-align: center;
    */
    position: static !important;
    margin: -20px 238px 0px 392px;
    text-align: center;
}
#result_count b {
    font-size: 2.4em;
    display: block;
    font-weight: bold;
}

.clear{clear:both;}

.panel_bl{background:url(../img/panel_bl.gif) 0 100% no-repeat}
.panel_br{
    background:url(../img/panel_br.gif) 100% 100% no-repeat;
    padding:17px;
}
.panel_ll{
    background:url(../img/panel_ll.gif) 0 0 repeat-y;
    width:100%;
    margin:15px 0 0;
}
.panel_rr{background:url(../img/panel_rr.gif) 100% 0 repeat-y}
.panel_tl{background:url(../img/panel_tl.gif) 0 0 no-repeat}
.panel_tr{background:url(../img/panel_tr.gif) 100% 0 no-repeat}

.search_nav2{
    height: 0;
    left: 281px;
    position: relative;
    text-align: center;
    top: -90px;
    width: 374px;
    font-size:18px;
}
.search_nav{
    position:relative;
    text-align:center;
    width:100%;
    height:70px; /* jul 11 (80px) */
}
.search_nav a{
    text-align:left;
    position:absolute;
    bottom:20px;
    z-index:5;
}
.search_nav a.next{right:20px}
.search_nav a.prev{left:20px}
.search_nav span{
    display:block;
    font-size:1.8em;
    padding:20px 0 0; /* jul 11 (32px 0 0) */
    z-index:4;
    width:100%;
}

.wine{padding: 15px 0 0} /* jul 11 (30px 0 0) */
.wine .winebox{position:relative; height:134px}
.wine h1{
    position:absolute;
    top:10px;
    left:185px;
    font-weight:normal;
    font-size:3.3em;
    width:40%;
}
.wine h1 span{
    font-size:.7em;
}
.wine h1 span strong{color:#555}
.wine .description .details table{
    width:100%;
    font-size:1.9em;
    border:1px solid;
    border-color:#c0c0c0 #c0c0c0 transparent #c0c0c0;
    background:#fff;
    padding:15px;
}
.wine .description .details table span{
    font-weight:bold;
    color:#8d0244;
    font-size:1.4em;
}
.wine .description .text{
    position:relative;
    height:auto;
    font-size:1.6em;
    overflow-y:scroll;
    padding:12px;
    border-top:1px solid #c0c0c0;
}
.wine .fans{
    position:relative;
    height:90px;
    overflow-y:scroll;
    padding:12px;
    border-top:1px solid #c0c0c0;
}
.wine .fans a{
    display:block;
    width:33%;
    height:32px;
    line-height:32px;
    font-weight:bold;
    text-decoration:none;
    color:#8d0244;
    float:left;
    font-size:1.6em;
    text-align:center;
}
.wine .image{
    border:4px solid #8e0143;
    display:block;
    margin:0 0 15px 15px;
}
.wine .location{
    position:absolute;
    width:350px;
    top:0;
    right:10px;
    font-size:1.8em;
    color:#526827;
    text-align:center;
}
.wine .notes{
    position:relative;
    height:200px;
    overflow-y:scroll;
    border-top:1px solid #c0c0c0;
}
.wine .notes #note{
    padding:10px;
}
.wine .notes #note div{
    border:1px solid #c0c0c0;
    padding:15px;
    background:#fff;
    text-align:right;
}
.wine .notes #note div input{
    font-size:1.6em;
}
.wine .notes #note div textarea{
    width:100%;
    font-size:1.8em;
    border:1px solid #c0c0c0;
    background:#eee;
    text-align:left;
}
.wine .notes #note #note-progress{

}
.wine .notes .note{
    position:relative;
    border-bottom:1px solid #c0c0c0;
}
.wine .notes .note a.user{
    margin-top:15px;
    margin-left:15px;
    font-size:1.6em;
    text-decoration:none;
    font-weight:bold;
    float: left;
    color:#8d0244;
}
.wine .notes .note p{
    margin:0;
    padding:0;
}
.wine .notes .note p.date{
    position:absolute;
    top:15px;
    right:15px;
}
.wine .notes .note p.text{
    font-size:1.4em;
    padding:15px 85px 15px 65px;
    clear: left;
}

body#wine #main .left{
    width:40% !important;
    width /**/:38%; /* for IE5/Win only */
}
body#wine #main .right{
    width:58% !important;
    width /**/:56%; /* for IE5/Win only */
}
#main .panel_br h4{
    position:relative;
    font-size:1.8em;
    color:#8d0244;
    padding:5px 0 12px 5px;
}

#main .panel_br h4 a.green{
    position:absolute;
    top:3px;
    right:5px;
}
#main .panel_br h4 a.green b b b{font-size:.8em}
#main .panel_br h4 span{
    position:absolute;
    top:0;
    left:300px;
    display:block;
    width:31px;
    height:31px;
    background:url(../img/box_red.gif) 0 0 no-repeat;
    color:#fff;
    text-align:center;
    line-height:31px;
}
#addwine, #editwine, #editprofile, #addretailer, #importwines{font-size:75%}
#filter{font-size:80%;} /* jul 11 (new) - Used to shrink Filter Results Form font size */
#editwine, #editprofile, #addretailer, #importwines{width: 85%;} /* jul 11 (new) */
.wine-manage{
    position:relative;
    width:100%;
    height:45px;
    font-size:80%;
}
.wine-manage h2{
    position:absolute;
    top:10px;
    left:10px;
    font-weight:normal;
    width:40%;
    font-size:1.8em;
}
.wine-manage h2 a{
    text-decoration:none;
    color:#333;
}
.wine-manage p{
    margin:0;
    padding:0;
    position:absolute;
}
.wine-manage p.price{
    font-size:2.4em;
    color:#8e0143;
    top:0px;
    left:450px;
}

.wine-manage p.glass_price{
    font-size:2.4em;
    color:#8e0143;
    top:30px;
    left:450px;
}
.wine-manage p.price sup{font-size:.5em}
.wine-manage p.glass_price sup{font-size:.5em}
.wine-manage ul{
    position:absolute;
    top:5px;
    right:10px;
    margin:0;
    list-style:none;
    z-index:5;
}
.wine-manage ul li{display:inline}

.wine-result{
    position:relative;
    width:100%;
    height:170px;
}
.wine-result a.image{
    display:block;
    width:126px;
    height:126px;
    position:absolute;
    top:8px;
    left:8px;
}
.wine-result a.image img{
    border:4px solid #8e0143;
    display:block;
}
.wine-result a.image:hover img{border-color:#526827}
.wine-result h2{
    position:absolute;
    top:13px;
    left:185px;
    font-weight:normal;
    width:25%; /* jul 11 (30%) - Wine Title was invading adjacent column */
    font-size:2.0em; /* jul 11 (3em) - Wine Title font was too large */
}
.wine-result h2 a{
    text-decoration:none;
    color:#333;
}
.wine-result h3{
    position:absolute;
    top:13px;
    left:185px;
    font-weight:normal;
    width:30%;
    font-size:1.5em;
}
.wine-result p{
    margin:0;
    padding:0;
    position:absolute;
}
.wine-result p.description{
    top:0;
    left:44%;
    font-size:1.6em;
    width: 280px;
    background: url(../img/panel_tl.gif) no-repeat -20px -17px;
    padding: 13px 0 0 10px;
}

.wine-result p.cellar-description{
    top:20px;
    left:50%;
    font-size:1.6em;
    width: 280px;
}

.wine-result p.description a{
    color:#333;
}
.wine-result p.description strong{color:#8e0143}
.wine-result p.tag strong{color:#8e0143; display: block;}
.wine-result p.tag {
    top:0;
    left:75%;
    font-size:1.6em;
    padding:13px 0 0 0;
    height:160px;
    overflow: hidden;
}
.wine-result p.links-manage strong{color:#8e0143; display: block;}
.wine-result p.links-manage{
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 155px;
}
.wine-result p.links-manage a{
    margin-right: 150px;
    float: left;
    color:#8e0143;
    text-decoration: none;
}
.wine-result p.links-manage a:hover{
    text-decoration: underline;
}
.wine-result p.tag-manage strong{color:#8e0143; display: block;}
.wine-result p.tag-manage{
    font-size: 14px;
    width: 700px;
    position: absolute;
    left: 160px;
    top: 80px;
}
.wine-result p.upc-manage strong{color:#8e0143; display: inline; padding-right: 20px;}
.wine-result p.upc-manage{
    font-size: 14px;
    width: 800px;
    position: absolute;
    left: 160px;
    top: 50px;
}
.return a{
    color:#8e0143;
    display: block;
    float: right;
    position: relative;
    top: -40px;
    text-decoration: none;
}
.return a:hover{
    text-decoration: underline;
}
.missing_fields{
    color:#8e0143;
    display: block;
    float: right;
    position: relative;
    text-decoration: none;
    width: 150px;
    font-size: 1.3em;
}
.wine-result p.location{
    right:8px;
    bottom:14px;
    font-size:1.8em;
    color:#526827;
    border-top:1px solid #c0c0c0;
    width:80%; /* jul 11 (83%) - Invading the wine image when resized */
    text-align:right;
    padding:20px 15px 0 0;
}
.wine-result p.price{
    font-size:25px;
    color:#8e0143;
    top:20px;
    right:30px;
}

.wine-result p.glass_price{
    font-size:25px;
    color:#8e0143;
    top:60px;
    right:31px;
}
.wine-result p.price sup{font-size:.5em}
.wine-result p.glass_price sup{font-size:.5em}
.wine-result ul{
    position:absolute;
    top:120px;
    left:0;
    margin:0;
    padding:0 0 0 178px;
    list-style:none;
    z-index:5;
}
.wine-result ul li{display:inline}

a.onred,
a.onwhite{
    text-decoration:none;
    background-position:0 0;
}
a.onred b,
a.onwhite b{
    position:relative;
    display:block;
    float:left;
    position:relative;
    margin:0 3px 3px 0;
    font-weight:normal;
    color:#333;
    height:38px;
}
a.selected b{color:#fff}
a.onred b b,
a.onwhite b b{
    position:relative;
    margin:0;
    white-space: nowrap;
}
a.onred b b b,
a.onwhite b b b{
    margin:0;
    font-size:1.8em;
    cursor:pointer;
    padding:0 13px;
    line-height:38px;
}
.printerbutton{
    position:relative;
    margin-bottom:100px;
}

.printerbutton a{
    background:url(../img/button.gif) 100% 0 no-repeat;
    text-decoration:none;
    display:block;
    font-weight:normal;
    color:#333;
    height:38px;
    white-space: nowrap;
    font-size:1.8em;
    cursor:pointer;
    padding:0 13px;
    line-height:38px;
    margin:0 3px 3px 0;
    background-position:0 0;
}



a.onwhite printer{
    margin:0;
    font-size:9px;
    cursor:pointer;
    padding:0 13px;
    line-height:38px;
}
a.onred b b b small,
a.onwhite b b b small{font-size:.7em}
a.onred b b b span.green,
a.onwhite b b b span.green{
    color:#526828;
    font-weight:bold;
}
a.selected b b{background-position:0 -38px !important}
a.selected b b b{background-position:100% -38px !important}

a.onred b b{background:url(../img/a_onred_l.gif) 0 0 no-repeat}
a.onred b b b{background:url(../img/a_onred_r.gif) 100% 0 no-repeat}

a.onwhite b b{background:url(../img/a_onwhite_l.gif) 0 0 no-repeat}
a.onwhite b b b{background:url(../img/a_onwhite_r.gif) 100% 0 no-repeat}


a.green{
    text-decoration:none;
    background-position:0 0;
}
a.green b{
    position:relative;
    display:block;
    float:left;
    position:relative;
    margin:0;
    font-weight:normal;
    color:#fff;
    height:27px;
}
a.green b b{
    position:relative;
    margin:0;
    background:url(../img/a_green_l.gif) 0 0 no-repeat;
}
a.green b b b{
    margin:0;
    font-size:1.6em;
    cursor:pointer;
    padding:0 10px;
    line-height:27px;
    background:url(../img/a_green_r.gif) 100% 0 no-repeat;
}

a.backpage{
    text-decoration:underline;
}

.wine-result-import{
    position:relative;
    width:100%;
    height:170px;
}
.wine-result-import a.image{
    display:block;
    width:126px;
    height:126px;
    position:absolute;
    top:8px;
    left:8px;
}
.wine-result-import a.image img{
    border:4px solid #8e0143;
    display:block;
}
.wine-result-import a.image:hover img{border-color:#526827}
.wine-result-import h2{
    position:absolute;
    top:5px;
    left:160px;
    font-weight:normal;
    width:260px;
    font-size:18px;
    padding: 5px 3px;
}
.wine-result-import h2 a{
    text-decoration:none;
    color:#333;
}
.wine-result-import h3{
    position:absolute;
    top:13px;
    left:185px;
    font-weight:normal;
    width:30%;
    font-size:1.5em;
}
.wine-result-import p{
    margin:0;
    padding:0;
    position:absolute;
}


.wine-result-import p.description{
    top:0;
    left:50%;
    font-size:1.6em;
    width: 280px;
    padding:13px 0 0 0;
}
.wine-result-import p.description a{
    font-weight:bold;
    color:#333;
}
.wine-result-import p.description strong{color:#8e0143}
.wine-result-import p.tag strong{
    color:#8e0143;
    font-size: 14px;
}
.wine-result-import p.tag {
    top:0;
    left:70%;
    font-size:12px;
    padding:5px 0 0 0;
    height:160px;
    overflow: hidden;
}
.wine-result-import p.links-manage strong{color:#8e0143; display: block;}
.wine-result-import p.links-manage{
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 155px;
}
.wine-result-import p.links-manage a{
    margin-right: 80px;
    float: left;
    color:#8e0143;
    text-decoration: none;
}
.wine-result-import p.links-manage a:hover{
    text-decoration: underline;
}
.wine-result-import p.tag-manage strong{
    color:#8e0143;
    display: block;
    font-size: 14px;
}
.wine-result-import p.tag-manage{
    font-size: 12px;
    width: 55%;
    position: absolute;
    left: 160px;
    top: 80px;
}
.wine-result-import p.upc-manage strong{
    color:#8e0143;
    display: block;
    float: left;
    width: 100px;
    padding-right: 20px;
}
.wine-result-import p.upc-manage{
    font-size: 14px;
    width: 300px;
    position: absolute;
    left: 160px;
    top: 40px;
}

.wine-result-import p.store-manage strong{
    color:#8e0143;
    display: block;
    float: left;
    width: 100px;
    padding-right: 20px;
}
.wine-result-import p.pairings-manage {
    font-size:14px;
    left:801px;
    position:absolute;
    top:78px;
    width:300px;

}
.wine-result-import p.store-manage{
    font-size: 14px;
    width: 300px;
    position: absolute;
    left: 160px;
    top: 60px;
}
.wine-result-import .highlight {
    border: 1px solid #C0C0C0;
    background-color: #F5F5F5;
}

a.short-description {
    font-weight: normal;
    text-decoration: none;
}
a.short-description .read-more {
    color: rgb(142, 1, 67);
    white-space: nowrap;
    text-decoration: underline;
}
.printbutton{
    position:relative;
    top:-10px;
}

.upc{
    position:absolute;
    top:1500px;
}

#f1, #f2, #f3, #f4{
    display:none;
}

.pairings{
    font-size:14px;
}

#glassPrice{
    margin-left:18px;
}