BODY{color:#333}
img, div, A{ behavior: url(/wrap/css/iepngfix.htc)}


BODY#seriesSpasskaya{
background:#fee4a4 url(/wrap/i/public/seriesSpasskayaBG.jpg) 0 0 repeat-x
}
BODY#vodkaSpasskayaYabloko{
background:#fee4a4 url(/wrap/i/public/vodkaSpasskayaYablokoBG.jpg) 0 0 repeat-x
}
BODY#vodkaSpasskayaHoney{
background:#fee4a4 url(/wrap/i/public/vodkaSpasskayaHoneyBG.jpg) 0 0 repeat-x
}
BODY#vodkaSpasskayaHlebnaya{
background:#fee4a4 url(/wrap/i/public/vodkaSpasskayaHlebnayaBG.jpg) 0 0 repeat-x
}
BODY#vodkaSpasskayaClassic{
background:#fee4a4 url(/wrap/i/public/vodkaSpasskayaClassicBG.jpg) 0 0 repeat-x
}

BODY#vodkaVelikiyNovgorod{
background:#eec899 url(/wrap/i/public/vodkaVelikiyNovgorodBG.jpg) 0 0 repeat-x
}
BODY#vodkaTisyazkaya{
background:#eac27c url(/wrap/i/public/vodkaTisyazkayaBG.jpg) 0 0 repeat-x
}
BODY#voda{
background:#82c1d3 url(/wrap/i/public/vodaBG.jpg) 0 0 repeat-x
}
BODY#voda #contretiquetka{
margin-top:30px;
}

BODY#novgorodskayaYubilenaya{
background:#E9A868 url(/wrap/i/public/novgorodskayaYubilenayaBG.jpg) 0 0 repeat-x
}




BODY#drevnerussky{background:#090806}
BODY#nastoykaSadko{background:#2e1009}
BODY#honeySadko{background:#371C09}
BODY#jinSadko{background:#05140F}
BODY#vodkaSadko{background:#25170C} 
BODY#balsamSadko{background:#1B1310} 

BODY#LubavaRyabina{background:#2B1A13} 
BODY#LubavaBrusnica{background:#2B130F} 
BODY#LubavaKlukva{background:#1A0504}
BODY#LubavaMalina{background:#200704}

/* TRADE MARK on the product page*/
#contretiquetka img.folded{
position:absolute;
top:570px; 
left:-480px;
}


BODY#lubavaIndex {background:#271314 url(/wrap/i/public/lubavaIndexBG.jpg) 0 0 repeat-x;}
BODY#sadkoIndex  {background:#271314  url(/wrap/i/public/lubavaIndexBG.jpg) 0 0 repeat-x;}
BODY#spasskayaIndex {background:#3A3026 url(/wrap/i/public/spasskayaIndexBG.jpg) 0 0 repeat-x;}

BODY#frontpage{background:#E9D1AF;}

BODY#lubavaIndex #imaginary,
BODY#sadkoIndex #imaginary, 
BODY#spasskayaIndex #imaginary
{
position:absolute;
top:250px; 
right:50%;
margin-right:-470px;
}


BODY.redirect{background:#E9A868 url(/wrap/i/public/redirectBG.jpg) 0 0 repeat-x
}
BODY.redirect #bd{
background: url(/wrap/i/public/redirect.jpg) 0px -20px no-repeat;
}



p.description{font-size:90%;}

#annLink A{
color:brown;
}

#annLink{
margin:10px 0;
padding:10px;
width:150px;
font-size:110%;
background:#FFEBCF;
}


#nationalGiftENG #theArticleDetail,
#nationalGift #theArticleDetail{padding-top:65px;}

#nationalGiftENG #also,
#nationalGift #also{
background: url(/wrap/i/public/sadkoRelinkIndex2.jpg) 0 0 no-repeat;
color:#fff;
padding:10px 20px;
padding-top:120px;
height:270px !important;
}

#nationalGiftENG #also{
background: url(/wrap/i/public/sadkoRelinkIndex2eng.jpg) 0 0 no-repeat;
 
}

#nationalGiftENG  #also P,
#nationalGift #also P{color:#ddd}
#nationalGiftENG  #also A,
#nationalGift #also A{color:#fff}


#supplyers #contretiquetka P strong em,
#supplyers #contretiquetka P em strong
{font-size:100%;
color:#555;
background:#EFD1B3;
padding:0 3px;
}

/** ********************************* ************************************************ ***********************************/
#frontpage #bd {
height:580px;
}

#frontpage .layer1 IMG {
position:absolute;
top:0px; 
left:50%;
margin-left:-800px;
}
#frontpage a.leader span {
position:absolute;top:-999em;left:-999em;
}
#frontpage a.leader {
position:absolute;
width:660px;height:530px;
top:0px; 
left:50%;
margin-left:-140px;
background:transparent url(/wrap/i/0.gif);
}

#frontpage .layer3 IMG {
position:absolute;
bottom:10px; 
left:0;

}

/***********************************-------------- Dark Theme (default)----------------- ***********************************/

/* -------------- 
light-cream = #FFDEAD
darker-cream = #CC9865
----------------- */
 

h1,h2,h3,h4,h5,h6{
font-weight:normal;
letter-spacing:-0.03em;
line-height:110%;
font-family: Georgia, Times, Geneva, serif;
color:#fff;
padding:1em 0 0.5em 0;
}

h1{font-size: 200%;}
h2{font-size: 150%;}
h3{font-size: 130%;font-weight:normal;}

h1.secondary{font-size:160%;color:#8B7765 !important}
h2.secondary{font-size:140%;color:#8B7765 !important}

.metaHeader{text-align:center; padding:1em 0}
P{margin:5px 0 0; color:#333;
line-height:1.4em;}



.focusColumn{
padding:1em 60px 2em 80px;
}

.smaller{font-size:80%;}
.emphasize{font-weight:bold;}




A{color:#FFDEAD;text-decoration:none;outline: none;}
A:hover {text-decoration:underline;}


#ft{color:#777; 
background: url(/wrap/i/pixelW.png) top left repeat-x;
}

#frontpage #ft{
margin-top:85px;
background-image:none; }

/* navigation line */
/*
light A= AF9983
hover A = FFDEAD
*/




#alkonLogoLong{
position:absolute;
top:0;left:631px;
width:88px;height:34px;
} 

#alkonLogo{
position:absolute;
top:0;left:621px;
width:88px;height:34px;
} 
#alkonLogo A{ 
text-decoration:none;
position:absolute;
width:88px; height:32px;
}


#logoAI, .toPrint{display:none;} 

#alkonLogo A img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;    /* Mozilla 1.6 8 =865 */
    -khtml-opacity: 0.7;  /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.7;         /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    filter: alpha(opacity=70); /* IE 5.5+*/
}
#alkonLogo A:hover img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;    /* Mozilla 1.6 8 =865 */
    -khtml-opacity: 1.0;  /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0;         /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    filter: alpha(opacity=100); /* IE 5.5+*/
}

 


#langNavigation{
width:100px;top:15px;
position:absolute;
padding:0 0 0 1em;
color:#444; 
font-size:90%;
}



#press #langNavigation {top:20px;}
#press .naviGo{top:48px;}


#langNavigation A{color:#CC9865;}

.naviGo{
top:36px;
position:absolute;
width:950px;height:27px;
color:#AF9983; 
}
.naviGo .ping{
width:950px;height:27px;
background: url(/wrap/i/naviGoBG.png);
} 

.naviGo A{color:#AF9983;position:relative}
.naviGo A:hover{text-decoration:underline;color:#FFDEAD}

.local{float:left;
padding:0 1em;
}
.local A IMG{position:relative;top:3px;}
.local A{line-height:27px;margin:0;padding: 0 3px;}


.global{float:right;width:385px; }
.global A SPAN{position:relative;top:-222em;}

.global A.arrow{ 
float:left;
margin:0.2em 0.4em;
padding:0.1em 0.3em;
font-size:120%;
border:0px solid red;
cursor:pointer;
}

.global a.Le{
background:url(/wrap/i/arrowLeft.png);
}
.global a.Ri{
background: url(/wrap/i/arrowRight.png)}
 
.global a:hover{
text-decoration:none;
}

 
.navi{
background:#EDDCC0;
padding:1em 0 1em 2em;
margin-top:1.6em;
margin-right:2em;
} 
.navi UL{
padding:0.3em 0 1em 1em;
font-size:90%;
} 
.navi UL LI{
color:#EFE9E0;
list-style:circle;
} 


#contents {
float:left;
font-size:110%;
padding:3px 0;
width:115px;
}

#contents  a{
text-align:center;
display:block;
cursor:pointer;
padding:0px  0px 3px;margin:0;
background-image: url(/wrap/i/naviGoLocal.png);
background-repeat:no-repeat;
}

/* Table of Contents */
.tcol{width:22%;
float:left;padding-left:2%;
font-size:90%;text-align:left;
font-family: Tahoma, Arial, serif
}

.tcol h2{
font-size:110%;font-weight:bold;
padding:10px 0 0 0;}

.letter a{display:block;padding:1px 0}
.letter a:hover{color:#FFE}


/* The Articles */

 
.thePageBody
{
clear:both;
position:relative;
width:360px;
float:right;
}

.thePageBody h2.bloomer{
font-size:500%;padding-bottom:0;}

#theArticle{
position:relative;
border:0px solid red;
height:470px;
padding-right:2em;
overflow:hidden;
color:#eee;line-height:1.3em;
}


#theArticle P IMG{
padding-right:2em;
margin-left:-40px;
}




.articleWrapper{border:0px solid red;
bottom:10px;position:absolute;}

.articleWrapper P{padding-bottom:30px;}





.ui-tabs-nav a{
   filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);   -moz-opacity: 0.3; -khtml-opacity: 0.3;   opacity: 0.3; filter: alpha(opacity=30); /* IE 5.5+*/
}
.ui-tabs-nav a:hover{
text-decoration:none;   filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);   -moz-opacity: 1.0; -khtml-opacity: 1.0;   opacity: 1.0; filter: alpha(opacity=100); 
}
BODY.dark #theArticle P {
color:#eee}

#theArticleDetail{
width:100%;
font-family: Tahoma,Arial, serif; 
font-size:92%;
color:#ccc;
}
#theArticleDetail P{
font-family: Tahoma,Arial, serif; 
color:#bbb;
}
#contretiquetka strong{color:#777;font-weight:bold;}

 
/* preQ generated by JS */
BODY.dark .preQ{
background: url(/wrap/i/laquoDark.gif) 0 0 no-repeat;
padding-left:30px;padding-top:10px;
margin-left:-5px; color:#eee;
}
BODY.dark .theQuote{
background: url(/wrap/i/raquoDark.gif) bottom right no-repeat;
padding:10px 20px 10px 0px ;

}

BODY.dark #theArticleDetail  p.quoteAuthor{
font-size:85%;  color:#999;
padding:0px 10px 0 70px ;
}

/* Table of Contents  WINDOWed */

#nLine{
text-align:left;color:#e4cfac;
padding:10px 20px 5px 20px;margin-bottom:20px;
border-bottom:1px solid #e4cfac}
#nLine A{color:#663333}


 
/**-------------- end Dark Theme (default)General ----------------- **/
 /** ********************************* ************************************************ ***********************************/ 

BODY .jqmWindow IMG{padding:2.5em 2em 0em;} 
BODY .jqmWindow .tcol{width:29%;
float:left;padding-left:3%;padding-right:1%;
 ;text-align:left;
}
BODY .jqmWindow .tcol h2{color:#333}
BODY .jqmWindow .letter a{display:block;color:#7F2D00;}
BODY .jqmWindow .letter a:hover{color:brown}



 /** ********************************* ************************************************ ***********************************/ 
/**-------------- MEDIUM heme for text pages ----------------- **/
/* -------------- 
a:LINK  #7F2D00
a:hover  #brown
----------------- */
BODY.medium{
background:#F6E1C2 url(/wrap/i/public/casualBG2.jpg) top center no-repeat;
}

BODY.medium h1,BODY.medium h2,BODY.medium h3,BODY.medium h4,BODY.medium h5,BODY.medium h6{
color:#222;
}

BODY.medium P{color:#333}

BODY.medium A{color:#7F2D00;}
BODY.medium A:hover{color:brown;}

BODY.medium #langNavigation{color:#aaa;}

BODY.medium #langNavigation A{color:#AF9983;}
BODY.medium #langNavigation A:hover{color:brown;}

BODY.medium #ft{
color:#555;
background: url(/wrap/i/pixelB.png) top left repeat-x;
}

BODY.medium .naviGo{color:#996633;}
BODY.medium .naviGo A{color:##7F2D00;}
BODY.medium .naviGo A:hover{color:brown;}

BODY.medium .thePageBody{width:100%;margin-bottom:30px;}

BODY.medium #theArticle {
float:left;
width:430px;height:auto !important;
padding:0 80px 0 110px;
}

BODY.medium #theArticle H2.bloomer {
padding:50px 0 0px 0;
}
BODY.medium #theArticle H1 {
padding-top:0;font-size:210%;
}

/**************** text styles ******************/
BODY.medium #theArticle H3,
BODY.medium  .leader {
font-size:130%; color:#333;
line-height:110%;
margin-left:-40px;margin-bottom:15px;
padding:15px 40px 15px;
background:#f7dfbb;
}

.focusColumn strong em,
.focusColumn em strong
{background:#EFD1B3;padding: 0 5px;font-weight:normal}

/**************** END text styles ****************/

BODY.medium #theArticleDetail{
float:left;width:270px;padding-top:150px;
}
BODY.medium #theArticleDetail P{
color:#666666;}

BODY.medium #theArticleDetail #quote{
font-size:92%;
}
/* preQ generated by JS */
BODY.medium .preQ{
background: url(/wrap/i/laquo.gif) 0 0 no-repeat;
padding-left:30px;padding-top:10px;
margin-left:-5px; 
}
BODY.medium .theQuote{
background: url(/wrap/i/raquo.gif) bottom right no-repeat;
padding:10px 20px 10px 0px ;
}

BODY.medium .quoteAuthor{
font-size:85%; font-family:tahoma,arial;
padding:0px 10px 0 70px ;
}


BODY.medium #theArticleDetail em strong,
BODY.medium #theArticleDetail strong em
{
color:#cc9966;font-size:160%;
font-weight:normal}







/** *********************** *******-------------- end MEDIUM Theme ----------------- * ************** ************** **/
 /** ********************************* ************************************************ *****************************/ 


/**-------------- INDEX theme for text pages ----------------- **/
/* -------------- 
a:LINK  #7F2D00
a:hover  #brown
h2 color:#9F9181;
----------------- */

BODY.index .thePageBody{
width:870px;
padding-left:90px;
margin-bottom:30px;}


BODY.index #theArticle{
height:390px; 
margin-bottom:30px;
margin-left:80px; 
}


BODY#sadkoIndex #theArticle{
height:440px; 
margin-bottom:30px;
margin-left:80px; 
}


BODY.index #theArticle P{
margin:30px 30px 0 380px; 
font-size:120%;
color:#eee
}

 
BODY#spasskayaIndex #theArticle P{
color:#3A3026;line-height:125%;
}
BODY#spasskayaIndex #theArticle P A{
color:#804704;
}








BODY.index #productIndex {
margin:20px 0 0 100px;
}

BODY.index #productIndex P{
color:#9F9181; margin:20px 0;clear:left;}



BODY.index #productIndex P i,
BODY.index #productIndex P em,
BODY.index #productIndex P B,
BODY.index #productIndex P STRONG
{
color:#C9AC8C; 
margin:20px 0;
 
font-weight:bold;
}

BODY.index #theArticleDetail P img{
margin-left:0 ;
margin-right:10px;
}
BODY.index #theArticle P.leader IMG{
margin:-10px 0px -10px 0px;
padding:0 !important;
}

BODY.index #theArticle P.leader{
padding:30px 40px 30px 10px;
font-size:110%;
background:#E9CBAA;
color:#fff
}




BODY.index #theArticle P.leader SPAN{
font-size:80%;color:#ddd
}



BODY#vodkaSpasskaya #theArticle P.leader A{
color:brown;}
BODY#vodkaSpasskaya #theArticle P.leader{
color:#333;}
BODY#vodkaSpasskaya #theArticle P.leader SPAN{
font-size:80%;color:#555
}

BODY.index #theArticle H2.bloomer {
padding:30px 0 0px 0;
}


BODY.index #quote,
BODY.index #also
{
margin:20px 0 0 100px;
}
 

 

BODY.index .emphasize{
background:#3F2F30;
padding:10px 40px;
margin-left:-40px;}


/**************** text styles ******************/
 
/**************** END text styles ****************/

 
 
/** *********************** end INDEX *******-------------- end MEDIUM Theme ----------------- * ************** ************** **/
 /** ********************************* ************************************************ *****************************/ 





 /** ********************************* ************************************************ ***********************************/ 
/**-------------- LIGHTTheme (default)General ----------------- **/
/* -------------- 
light-cream =  7F2D00
darker-cream =  
----------------- */

BODY.light h1,BODY.light h2,BODY.light h3,BODY.light h4,BODY.light h5,BODY.light h6{
color:#000;
}

BODY.light P{color:#333}

BODY.light A{color:#7F2D00;}
BODY.light A:hover{color:brown;}

BODY.light #langNavigation{color:#aaa;}

BODY.light #langNavigation A{color:#AF9983;}
BODY.light #langNavigation A:hover{color:brown;}

BODY.light #ft{
color:#777;
background: url(/wrap/i/pixelB.png) top left repeat-x;
}

BODY.light .naviGo{color:#777;}
BODY.light .naviGo A{color:#AF9983;}
BODY.light .naviGo A:hover{color:brown;}

BODY.light #cyclePrev, 
BODY.light #cycleNext{font-size:130%;color:#777;padding:2px 4px;margin:0 3px}
BODY.light A:hover#cyclePrev,  
BODY.light A:hover#cycleNext{color:#FFF; text-decoration:none;}


BODY.light #cycleScrooler A{
font-family:tahoma, arial, serif;font-size:70%;
border:1px solid #CC9865;
background:#CC9865;
padding:2px 4px;margin:0 3px
}
BODY.light #cycleScrooler A.activeSlide{
background:#FFDEAD;
border:1px solid #FFDEAD;
color:#555}
BODY.light #cycleScrooler A:hover{border:1px solid white;
text-decoration:none;}  




BODY.light #theArticleDetail{
color:#555;
}
BODY.light #theArticleDetail P{ 
color:#555;
}
#contretiquetka strong{color:#666;font-weight:bold;}

 
/* preQ generated by JS */
BODY.light .preQ{
background: url(/wrap/i/laquoLight.gif) 0 0 no-repeat;
padding-left:30px;padding-top:10px;
margin-left:-5px; color:#555;
}
BODY.light .theQuote{
background: url(/wrap/i/raquoLight.gif) bottom right no-repeat;
padding:10px 20px 10px 0px ;

}

BODY.light #theArticleDetail  p.quoteAuthor{
font-size:85%;  color:#777;
padding:0px 10px 0 150px ;
}

/** *********************** *******-------------- end LIGHT Theme ----------------- * ************** ************** **/
 /** ********************************* ************************************************ *****************************/ 



/**-------------- ex-PLAIN Theme ----------------- **/



.medium .tcol{
width:30%;padding-left:3%;
}


/**-------------- end ex-PLAIN Theme ----------------- **/






/** -------------- /END General ----------------- **/
#cycleNaviLigh{
width:   290px;
background:#F7DFBB;
padding-bottom:10px;
}
#cyclePrev, #cycleNext
{font-size:150%;color:#9F7A45;
padding:2px 7px;margin:0 3px}
A:hover#cyclePrev, 
A:hover#cycleNext{color:brown; text-decoration:none;}

#cycleScrooler A{
font-family:tahoma, arial, serif;font-size:70%;
border:1px solid #DFBC8B;
background:#F7E0C0; color:#777;
padding:2px 4px;margin:0 3px
}
#cycleScrooler A.activeSlide{
background:#DFBC8B;
border:1px solid #DFBC8B;
color:#333}
#cycleScrooler A:hover{border:1px solid brown;
text-decoration:none;} 

#iCycler{  
    height:  230px;  
    width:   290px;  
    padding: 0;  
    margin:  0;  
} 
 
#iCycler img {  
    padding: 10px;  
background:#F7DFBB;
    top:  0; 
    left: 0 
} 
 
/*------------- NEWS PAGE -------  */
.singlenews{clear:left;
padding-top:1em;
}
.news_title{padding-bottom:0.2em;
padding-top:0px;
margin-left:-70px;
}

.news_date{
float:left;width:100px;
padding-top:10px;
text-align:right;font-size:80%;
font-family:arial, tahoma, sans-serif;
color:#CC9966;
}

.news_title h2{
float:left;
padding:0 0 0 20px;
width:420px;
}

.news_body{
clear:left;
padding-top:1em;}

li A.newsNavi-Year{
font-family:arial, tahoma, sans-serif;
font-size:160%;font-weight:bold}

.newsNavi-Year A.currentYear{
color:#996633 !important;}

A.newsNavi-Year,
.newsNavi-Month span{color:#9F8B77;}


.news_body IMG {border:0px solid red;
margin-left:-80px}

.leadnews .dn{color:#777;
margin-left:-40px;}
.leadnews h1 {
padding-top:0;
margin-left:-40px;}


.leadnews .nd{
padding-top:10px;
font-size:80%;
font-family:arial, tahoma, sans-serif;
color:#CC9966;
}

.leadLinks{color:#777;
margin-top:3em;
margin-left:-40px;}

.leadnews span.nd{width:100px;float:left;
padding-top:3px;;}

.leadnews P{clear:left;}
.leadnews h1 {
padding-top:0;
margin-left:-40px;}

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

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    background-color: #eedec5;
    color: #333;
    border: 1px solid #cc9966;
    padding: 0 0 30px 0;
}

.jqmOverlay { background-color: #fff; cursor:pointer};

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
