/* Tiny */
@import "tiny_styles.css";


/* main */
*{
    margin: 0;
    padding: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}

body,table,input,h1,h2,h3,h4,h5{
    font-family: Tahoma, helvetica, Arial;
    font-size: 13px;
    color: #000;
}
body{
    min-width: 995px;
    background-color: #fff;
}
table{
    border-collapse: collapse;
}

a{
    cursor: pointer;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}

a{
    color: #74665d;
}


a.Local{
    padding-bottom: 1px;
    text-decoration: none;
    border-color: #74665d;
    border-style: dotted;
    border-width: 0 0 1px 0;
}
.Active > a.Local{
    color: #000;
    border: 0;
    cursor: default;
}

a img{
    border-width: 0;
}

h1,h2,h3,h4,h5
{
    margin-bottom: 0.2em;
    color: #770037;
    line-height: normal;
    font-weight-: normal;
}
.PaddedContent h1, .PaddedContent h2, .PaddedContent h3, .PaddedContent h4, .PaddedContent h5{
    color: #74665D;
}
h1{
    font-size: 23px;
}
h2{
    font-size: 20px;
}
h3{
    font-size: 18px;
}
h4{
    font-size: 15px;
}
h5{
    font-size: 13px;
    color: #000;
}

h1 a,h2 a,h3 a,h4 a,h5 a{
  color: inherit;
  //color: expression(this.parentNode.currentStyle['color']); 
}


ul{ 
	list-style-position: outside;
    list-style: none;
    font-size: 12px;
}
li{
    padding-bottom: 8px;
}

ul ul{
    margin-top: 5px;
    margin-bottom: -3px;
    padding-left: 20px;
    font-size: 11px;
}

p{
    margin-bottom: 1em;
    line-height: 150%;
}

dl{
    //float: left;
}





/* SIMPLE STYLES */

.clear{
    float: none;
    clear: both;
    font-size: 1px;
}


/* END OF SIMPLE STYLES */







/* GENERAL LAYOUT */

#Container{
    position: relative;
    overflow: hidden;
    padding: 20px 0 40px;
    border-: 1px red solid;
}

.FixedWrapper{
    position: relative;
    min-width: 950px;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    border-: 1px red solid;
}

/* END OF GENERAL LAYOUT */




/* COMPLEX ELEMENT SNIPPETS*/

/* itemStrip */

.ItemSlider{
    height: 150px;
    border-: 1px blue solid;
}
.ItemSlider .arr{
    position: relative;
    float: left;
    width: 30px;
    height: 100%;
    cursor: pointer;
    border-: 1px green solid;
}
.ItemSlider .arr.right{
    float: right;
}
.ItemSlider .arr .img{
    float: left;
    width: 24px;
    height: 100%;
    background-image: url(http://bombonici.md/img/arrs_item_slider.png);
    background-position: -24px center;
    border-: 1px red solid;
}
.ItemSlider .arr.right .img{
    float: right;
    background-position: 0 center;
}

.ItemSlider .ItemsFrame{
    position: relative;
    height: 100%;
    overflow: hidden;
    border-: 1px red solid;
}

.ItemsFrame .ItemStrip{
    position: relative;
    float: left;
    width: 2000px;
    height: 100%;
    border-: 2px green solid;
}

.ItemsFrame .OneItem{
    position: relative;
    float: left;
    padding: 0 23px;
    border-: 1px blue solid;
}

.ItemsFrame .OneItem img{
    display: block;
    margin-bottom: 15px;
}

/* end of itemStrip */


/* END OF COMPLEX ELEMENT SNIPPETS*/




/* ELEMENTS */

.OneGallery{
    padding-bottom: 20px;
    font-family: Tahoma;
}
.OneGallery .desc{
    float: left;
    width: 210px;
}
.OneGallery a{
    color: #770037;
    font-weight: bold;
}
.OneGallery span{
    padding-right: 30%;
    color: #74665D;
    font-size: 11px;
}
.OneGallery .Random{
    margin-left: 230px;
}




.ThFrame{
    position: relative;
    float: left;
    width: 165px;
    height: 105px;
    margin-right: 90px;
    margin-bottom: 80px;
    background-image: url(../img/th_shadow.png);
}

.ContentText > .ThFrame{
    margin-right: 0;
}
.ThFrame.Gallery{
    clear: left;
    margin-top: 50px;
}
.PaddedContent .ThFrame.Gallery{
    margin-left: -230px;
	margin-right: 0;
}

.ThFrame .image{
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 100px;
    padding: 2px 0 0 3px;
    z-index: 1;
}
.ThFrame .desc{
    position: absolute;
    top: 100%;
    width: 150px;
    height: 5.5em;
    overflow: hidden;
    margin-top: 12px;
    margin-left: 3px;
    color: #74665d;
    line-height: normal;
    font-family: Tahoma;
    font-size: 11px;
}

.ThFrame .desc a{
    color: #770037;
    font-weight: bold;
}

.ThFrame .corner{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    margin-left: -6px;
    margin-bottom: -6px;
    background-image: url(../img/th_cn.png);
    z-index: 1;
}





.OneEvent{
    overflow: hidden;
    margin-bottom: 40px;
}
.OneEvent a{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
}
.OneEvent.last a{
    color: #770037;
}
.date{
    color: #333;
    font-size: 11px;
}
.OneEvent .title{
    float: left;
    width: 210px;
}
.OneEvent .desc{
    width: 60%;
    margin-left: 230px;
}




.OneMember{
    float: left;
    width: 320px;
    margin-right: 18%;
    margin-bottom: 20px;
    line-height: normal;
    font-size: 12px;
}
.OneMember.even{
    margin-right: 0;
}
.OneMember a{
    color: #770037;
}
.OneMember .title{
    float: left;
    width: 125px;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bold;
}
.OneMember .desc{
    margin-left: 140px;
    white-space: nowrap;
}
.OneMember .image{
    position: relative;
    height: 95px;
    margin-bottom: 15px;
}
.OneMember .image img{
    position: absolute;
    left: 0;
    bottom: 0;
}
.OneMember .desc p{
    padding-top: 0.35em;
}


/* end of ELEMENTS*/




/* PAGE TOP*/

#PageTop{
    padding-bottom: 23px;
    text-align: right;
}
#PageTop a{
    color: #27272a;
}
#TopLogo{
    float: left;
}

#PageTop ul{
    display: inline;
    margin-left: 20px;
    font-size: 11px;
}
#PageTop li{
    display: inline;
    margin-left: 30px;
}

.MinorNav{
    display: inline;
}
.MinorNav li{
    display: inline;
    font-weight: bold;
}
.MinorNav li a{
    color: #27272a;
    font-weight: normal;
}

#lang{
    margin-right: 3px;
}
#lang li{
    margin-left: 15px;
    padding: 2px 3px 4px 4px;
    //padding: 2px 1px 2px 4px;
}
#lang .current{
    color: #fff;
    background-color: #770037;
}

/* END OF PAGE TOP*/












/* PAGE MIDDLE*/

#PageMiddle{
    padding-bottom: 45px;
}

div.SideLeft{
    float: left;
    width-: 150px;
    width: 12%;
    margin-bottom: 300px;
    border-: 1px red solid;
    display-: none;
    
}
#Mag{
    width: 100px;
    margin-top: 30px;
    font-size: 11px;
}
#Mag img{
    margin-left: 10px;
}
#Mag a{
    color: #592012;
}


div.SideContent{
    overflow: hidden;
    margin-left: 12%;
    padding-left: 5%;
    border-: 1px green solid;
}


.SideContent ul.list{
    float: left;
    clear: left;
    width: 210px;
    margin: 0;
    margin-top: 25px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
}

.SideContent ul.list li{
    padding: 0;
    padding-bottom: 10px;
}

.SideContent ul.list .title{
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #6c5e58;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px #ccc solid;
}
.SideContent ul.list .date{
    color: #000;
}
.SideContent ul.list a{
    font-size: 13px;
}
.SideContent ul.list .last a{
    color: #791036;
}
.SideContent ul.list .Active a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.Menu{
    font-family: Trebuchet MS;
    font-size: 13px;
}
.Menu li,
.Menu li.current > a{
    color: #000;
    font-weight: bold;
}
.Menu li a{
    font-weight: normal;
}
.Menu li.current li a{
    color: #770037;
}

.ContentText,
.ContentText table,
.ContentText ul,
.ContentText ol{
    font-family: Trebuchet MS;
    font-size: 14px;
    border-: 1px blue solid;
}

.ContentText > h2{
    float: left;
    width: 225px;
}
.ContentText > h2 > span{
    display: block;
    margin-top: 15px;
    font-size: 12px;
    font-weight: normal;
}
.ContentText > h2 + .clear{
    margin-bottom: 15px;
}
.PaddedContent{
    padding-left: 230px;
}
.ContentText > p{
    margin-left: 230px;
}
.ContentText > p.h{
    margin-left: 0;
    padding: 20px 28px;
}
.PaddedContent > p.h{
    margin-left: -230px;
    padding: 20px 28px;
}

.ContentText > p img,
.PaddedContent > p img{
    float: left;
    margin-top: 5px;
    margin-left: -230px;
    vertical-align: text-top;
}

.ContentText p{
    line-height: 140%;
}

.ContentText table tr{
    border-bottom: 1px #ccc solid;
}
.ContentText table td,
.ContentText table th{
    padding: 5px 5px 5px 0;
}
.ContentText table th{
    text-align: left;
    font-size: larger;
}

.ContentText ul{
    margin-left: 15px;
    list-style-type: disc;
}

.attachment{
    float: left;
    clear: left;
    width-: 240px;
    margin-top: 500px;
}
.attachment .ThFrame{
    margin-right: 0;
}



/* MEMBER*/

#ViewMember{

}

#ViewMember .indent{
    padding-left: 85px;
}

#ViewMember .Logo{
    margin-bottom: 25px;
}
#ViewMember .Logo img{
    margin-bottom: 10px;
}

#Owner{
    overflow: hidden;
    margin-bottom: 25px;
}
#Owner .photo{
    float: left;
    width: 285px;
    overflow: hidden;
}
#Owner .photo img{
    display: block;
}
#Owner .quote{
    margin-left: 315px;
    padding: 15px 45px 10px 0;
}
#Owner .author{
    text-align: right;
    color: #fff;
    line-height: normal;
    font-family: Tahoma;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
}


#ViewMember .Contacts p{
    color: #333333;
    font-size: 12px;
    line-height: 130%;
}

#ViewMember .Side{
    float: left;
    width: 252px;
    padding-right: 33px;
}
#ViewMember #About{
    margin-left: 315px;
}


#ViewMember .Products{
    height: 210px;
}
.OneProduct .image{
    float: left;
    width: 83px;
    margin-top: 30px;
}
.OneProduct .image img{
    margin-left: -40%;
}
.OneProduct .desc{
    margin-bottom: 20px;
}
.OneProduct .desc span,
.OneProduct .desc p{
    color: #74665d !important;
    font-family: Tahoma;
    font-size: 11px !important;
}
.OneProduct .desc span{
    position: relative;
    top: -5px;
}



.bottleNav{
    position: relative;
    overflow: hidden;
    margin-left: -8px;
}
.bottleNav li{
    display: block;
    float: left;
    margin-right: 10px;
}
.bottleNav li a{
    display: block;
    width: 20px;
    height: 45px;
    background: url(../img/btn_bottle.png) no-repeat 0 -45px;
}
.bottleNav li.ActiveState a,
.bottleNav li a:hover{
    background-position: 0 0;
}


.bottleNav.indent{
    float: none;
    margin-top-: -85px;
    margin-left: 85px;
    padding-left: 0 !important;
    display-: none;
}


.arr{
    display: block;
    padding: 9px;
    border-: 1px blue solid;
}
.arr span{
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../img/arrs_viewmember.png);
}
.arr.prev span{
    background-position: left bottom;
}
.arr.prev.disabled span{
    background-position: left top;
}
.arr.next span{
    background-position: right bottom;
}
.arr.next.disabled span{
    background-position: right top;
}


#SmallProductGallery{
    position: relative;
    border-: 1px red solid;
}
#SmallProductGallery .arr{
    position: absolute;
    top: 120px;
    top-: 50%;
    margin-top: -15px;
}
#SmallProductGallery .arr.next{
    left: 100%;
}
#SmallProductGallery .arr.prev{
    right: 100%;
}

#SmallProductGallery .HiddenState{
    display: none;
}







#ViewMember .Contacts{
    margin-top: 40px;
}




#Owners{
    overflow: hidden;
    //margin-left: -140px;
    //margin-left: -145px;
    margin-bottom: 40px;
    border-: 1px red solid;
}
#Owners h3{
    margin-top: 2px;
    margin-bottom: 20px;
    color: #74665d;
}

.OneOwner{
    float: left;
    width: 220px;
    width: 33%;
    margin-left: 0px;
    font-family: Tahoma;
    border-: 1px green solid;
}
.OneOwner .desc{
    height: 130px;
    padding-top: 1px;
}
.OneOwner .role{
    margin-bottom: 10px;
    color: #770037;
    font-weight: bold;
    font-size: 12px;
}
.OneOwner .name{
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}
.OneOwner .contacts{
    color: #74665d;
    font-size: 11px;
}

.OneOwner.President{
    float: none;
    width: auto;
    overflow: hidden;
    margin-bottom: 70px;
}
.OneOwner.President > img{
    float: left;
}
.OneOwner.President .desc{
    float: left;
    margin-left: 35px;
}


/* end Member */




/* FAQ */

.Intro{
    margin-bottom: 20px;
}


#faq{
    margin-left: -15px;
    font-size: 13px;
}
#faq dt,
#faq dd{
    padding-left: 15px;
}
#faq dt{
    padding-bottom: 12px;
    color: #74665d;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    background: url(../img/arrs_faq_down.png) no-repeat 0 0.45em;
}
#faq dt.current{
    color: #000;
    text-decoration: none;
    background: url(../img/arrs_faq_up.png) no-repeat 0 0.45em;
}
#faq dd{
    display: none;
    padding-bottom: 30px;
    font-family: Trebuchet MS;
}





/* END OF PAGE MIDDLE*/











/* PAGE BOTTOM*/

#PageBottom .FixedWrapper{
    padding-top-: 15px;
    font-size: 11px;
}

#Vine{
    position: absolute;
    right: 100%;
    bottom: 110%;
    margin-right: -90px;
}

#Copy{
    position: absolute;
    left: 0;
    padding-top: 2px;
}

#USAID{
    position: relative;
    float: left;
    top-: -7px;
    left-: 205px;
    width: 375px;
    margin-left: -45px;
    padding-left-: 2%;
}
#USAID p{
    padding-left: 55px;
    color: #74665d;
    font-size: 10px;
}
#Magazine{
    float: right;
    position-: absolute;
    top-: 40px;
    left-: 14px;
    display-: none;
    border-: 1px red solid;
}
#Magazine img.Mag{
    position: relative;
    float: left;
    left: -6px;
}
#Magazine p{
    margin-left: 5px;
    margin-top: 20px;
    white-space: nowrap;
}

#Magazine a{
    color: #592012;
}

#By{
    display-: none;
    float-: right;
    clear: both;
    margin-top: 10px;
    color: #494949;
}
#By img{
    vertical-align: bottom;
}


#PageBottom .MinorNav{
    margin-left: 13px;
    line-height: 200%;
}
#PageBottom .MinorNav li{
    margin-right: 30px;
}

/* END OF PAGE BOTTOM*/










/* HOME */

#Home{
    position: relative;
    background: url(../img/bg_home.png) repeat-x 0 0;
}

#Home > img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 875px;
}

#Home .SideLeft{
    position: relative;
    margin-bottom: 0;
    border-: 1px blue solid;
    z-index: 2;
}

.HomeContent{
    position: relative;
    padding-top: 600px;
    border-: 2px red solid;
    z-index: 1;
}


/* home product gallery */

#Bottles{
    position: absolute;
    top: -60px;
    left: 50%;
    width: 940px;
    height: auto;
    margin-left: -470px;
    z-index: 1;
}
#Bottles .arr{
    position: absolute;
    top: 365px;
    right: 100%;
    width: auto;
    height: auto;
    padding: 30px 10px;
    padding-right: 0;
    z-index: 2;
    border-: 3px orange solid;
}
#Bottles .arr.next{
    right: auto;
    left: 100%;
    padding-left: 0;
}


#Bottles .ItemsFrame{
    border-: 1px blue solid;
}
#Bottles .ItemStrip{
    border-: 1px red solid;
}
#Bottles .OneItem{
    position: relative;
    padding: 0;
    padding-right: 28px;
    z-index: 3;
    border-: 1px green solid;
}

#Bottles .OneItem.Current{
    z-index: 2;
}
#Bottles .ItemsFrame{
    width: 100%;
    padding: 300px 0 150px;
    z-index: 1;
}



.zoom{
    position: absolute;
}
.zoom > img{
    width: 100%;
    height: 100%;
}
.zoom.z2{
    top: -33px;
    left: -18px;
    width: 146px;
	/*width:auto;*/
    height: 260px;
	/*max-height:230px;*/
    cursor: pointer;
    display: none;
}
.zoom.z3{
    top: -330px;
    left: -137px;
    width: 385px;
    height: 685px;
    cursor: pointer;
    background-color-: red;
    display: none;
    border-: 1px red solid;
}

.Current,
.Current .zoom{
    border-: 1px red solid;
}










.OneItem:first-child .zoom.z3{
    display-: block;
}


/* Wine description popup */

.SmallDesc{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 150px;
    margin-top: -20px;
    margin-left: -70px;
    white-space: nowrap;
    text-align: center;
    display: none;
}
.SmallDesc .title{
    color: #594d47;
    font-size: 11px;
    font-weight: bold;
}
.SmallDesc .desc{
    color: #b5aea9;
    font-size: 11px;
}



.WineDesc{
    position: absolute;
    top: 250px;
    top: -170px;
    left: 100%;
    width: 410px;
    margin-left: 40px;
    display: none;
    border-: 1px gray solid;
}
.WineDesc .cn{
    position: absolute;
    top: 0;
    right: 100%;
    width: 16px;
    height: 53px;
    background-image: url(../img/cn_desc.png);
}
.WineDesc .close{
    position: absolute;
    top: -13px;
    left: 100%;
    width: 25px;
    height: 60px;
    margin-left: -13px;
    background-image: url(../img/close_desc.png);
}

.WineDesc .head{
    height: 47px;
    overflow: hidden;
    margin-right: 12px;
    color: #fff;
    background-color: #74665d;
}
.WineDesc .head h2{
    margin-bottom: -3px;
    padding-left: 25px;
    color: #fff;
    font-family: Trebuchet MS;
    font-size: 21px;
    line-height: 45px;
}
.WineDesc .head p{
    padding: 7px 25px;
    line-height: 90%;
    font-size: 18px;
    font-weight: bold;
}
.WineDesc .head span{
    padding-left: 25px;
    font-size: 11px;
    font-weight: normal;
}
.WineDesc .head span strong{
    font-size: 12px;
}
.WineDesc .content{
    padding: 10px 25px;
    color: #74665d;
    font-size: 11px;
    background-color: #fff;
}
.WineDesc .content h5{
    color: #74665d;
}
.WineDesc .content table{
    width: 100%;
    margin-bottom: 10px;
    color: #74665d;
    font-size: 11px;
}
.WineDesc .content td{
    padding: 4px 0;
    color: #27272a;
    border-bottom: 1px #dbd7d5 dotted;
}
.WineDesc .content thead td{
    width: 30%;
    color: #74665d;
}


.Descriptions{
    position: relative;
    z-index: 2;
}

.Descriptions .WineDesc{
    top: 80px;
    left: 412px;
    display-: block;
}


/* end of home product gallery */




#Members{
    position: relative;
    overflow: hidden;
    width: 940px;
    margin: 0 auto;
    margin-top: -50px;
    z-index: 2;
}
#Members li{
    float: left;
    width: 20%;
}
#Members a{
    position: relative;
    display: block;
    height: 65px;
    overflow: hidden;
    background: url(../img/b.gif) repeat;
    border: 1px transparent solid;
}
#Members a img{
    position: relative;
    display: block;
    margin: 0 auto;
}
#Members a:hover{
    border-style: dotted;
}
#Members li.current a img,
#Members a:hover img{
    top: -65px;
}


.RecipeImage{
	float: left;
	clear: left;
	margin: 25px 0 30px;
}
.RecipeImage img{
    width: 200px;
}