/**** LAYOUT ****/
HTML, BODY { background: url(bg02.jpg) center top #FFFFFF no-repeat; }
BODY { padding: 20px 0 20px 0; }
#container { position: relative; margin: 10px 0 10px 0; width: 830px; height: 1408px; background: url(bg00.png) no-repeat; margin: auto; }
.container-rus { background: url(bg00_rus.png) no-repeat !important; }
#header { height: 228px; }

#home { float: left; }
#home A { display: block; width: 210px; height: 210px; cursor: pointer; }

#lang { float: right; margin: 52px 10px 0 0; }
#lang A { float: right; }
#lang SPAN#separator { display: block; float: right; padding: 0 8px 0 0; width: 3px; height: 16px; }
#lang A SPAN#est { display: block; width: 34px; height: 16px; background: url(et/est.gif); }
#lang A:hover SPAN#est,
#lang A.active SPAN#est { background: url(et/est_hover.gif); }
#lang A SPAN#rus { display: block; width: 34px; height: 16px; background: url(et/rus.gif); }
#lang A:hover SPAN#rus,
#lang A.active SPAN#rus { background: url(et/rus_hover.gif); }

#menu1 { margin: 0; padding: 0 0 0 45px; list-style: none; }
#menu2 { margin: 0; padding: 5px 0 0 55px; list-style: none; }
#menu1 LI { float: left; padding: 0; margin: 0; }
#menu2 LI { float: left; padding: 0 8px 0 0; margin: 0; }
#menu1 LI A, #menu2 LI A { cursor: pointer; }

/* est menu */
#menu1 A SPAN#item1 { display: block; width: 180px; height: 19px; background: url(et/item01.gif); }
#menu1 A:hover SPAN#item1,
#menu1 A.active SPAN#item1 { background: url(et/item01_hover.gif); }

#menu1 A SPAN#item2 { display: block; width: 121px; height: 19px; background: url(et/item02.gif); }
#menu1 A:hover SPAN#item2,
#menu1 A.active SPAN#item2 { background: url(et/item02_hover.gif); }

#menu1 A SPAN#item3 { display: block; width: 210px; height: 19px; background: url(et/item03.gif); }
#menu1 A:hover SPAN#item3,
#menu1 A.active SPAN#item3 { background: url(et/item03_hover.gif); }

#menu1 A SPAN#item4 { display: block; width: 183px; height: 19px; background: url(et/item04.gif); }
#menu1 A:hover SPAN#item4,
#menu1 A.active SPAN#item4 { background: url(et/item04_hover.gif); }

#menu1 A SPAN#item5 { display: block; width: 143px; height: 19px; background: url(et/item05.gif); }
#menu1 A:hover SPAN#item5,
#menu1 A.active SPAN#item5 { background: url(et/item05_hover.gif); }

/* rus menu */
#menu2 A SPAN#item1 { display: block; width: 111px; height: 11px; background: url(ru/item01.gif); }
#menu2 A:hover SPAN#item1,
#menu2 A.active SPAN#item1 { background: url(ru/item01_hover.gif); }

#menu2 A SPAN#item2 { display: block; width: 169px; height: 11px; background: url(ru/item02.gif); }
#menu2 A:hover SPAN#item2,
#menu2 A.active SPAN#item2 { background: url(ru/item02_hover.gif); }

#menu2 A SPAN#item3 { display: block; width: 156px; height: 11px; background: url(ru/item03.gif); }
#menu2 A:hover SPAN#item3,
#menu2 A.active SPAN#item3 { background: url(ru/item03_hover.gif); }

#menu2 A SPAN#item4 { display: block; width: 154px; height: 11px; background: url(ru/item04.gif); }
#menu2 A:hover SPAN#item4,
#menu2 A.active SPAN#item4 { background: url(ru/item04_hover.gif); }

#menu2 A SPAN#item5 { display: block; width: 126px; height: 11px; background: url(ru/item05.gif); }
#menu2 A:hover SPAN#item5,
#menu2 A.active SPAN#item5 { background: url(ru/item05_hover.gif); }


/* Index */
#index { padding: 25px 15px 0 48px; }
#index DIV.col01 { width: 438px; float: left; }
#index DIV.col02 { width: 294px; float: right; }

#index DIV.col01 H2 { color: #80351b; font-size: 14px; font-weight: bold; }
#index DIV.col01 IMG.label01 { padding: 15px 0 10px 0; }
#index DIV.col01 IMG.label03 { padding: 27px 0 20px 0; }
#index DIV.col01 P { line-height: 25px; }
#index DIV.col01 P SPAN.link01 { display: block; text-align: right; }

.frame01 { margin: 19px 0 21px 0; width: 290px; height: 249px; background: url(frame01.gif) no-repeat; }
#flash02 { padding: 15px 0 0 15px; }

#flash01 { position: relative; z-index: 1; }
#flash01-text { position: absolute; top: 0; left: 0; z-index: 2; }
#flash01-text P { margin: 0; font-weight: bold; }

.phones { padding: 7px 0 0 20px; }
.phone { float: left; width: 68px; padding: 0 25px 0 0; text-align: center; font-weight: bold; color: #2c2c2c; cursor: pointer; }

#packages { position: absolute; bottom: 130px; z-index: 1; }
#packages-content { position: relative; width: 755px; height: 328px; background: url(et/label09.gif) no-repeat 0 0; }
.packages-rus { background: url(ru/label09.gif) no-repeat 0 0 !important; }
#p-menu { position: absolute;  bottom: 0; }
#p-menu UL { margin: 0; padding: 0; list-style: none; }
#p-menu UL LI { float: left; margin: 0 17px 0 0; }
#p-menu UL LI A { display: block; padding: 10px 0 0 0; color: #2c2c2c; text-decoration: none; }
#p-menu UL LI A:hover,
#p-menu UL LI A.active { color: #e23f08; background: url(bg05.gif) no-repeat top  center; }

#footer { position: absolute; bottom: 10px; left: 460px; color: red; }
#footer A#nokia { display: block; width: 97px; height: 62px; }
#footer A#elektr { display: block; margin: 0 0 0 40px; width: 75px; height: 57px; }
#footer A#elisa { display: block; margin: 0 0 0 38px; width: 90px; height: 66px; }

.show { display: block; }

#p-pic { width: 755px; height: 277px; padding: 16px 0 0 0;  }

.linkfix01 { padding: 7px 0 0 0; }

.bigpic IMG.img-left, .bigpic IMG.img-right { margin-top: 30px; }

.img-left { float: left; margin: 0 10px 0 0; }
.img-right { float: right; margin: 0 0 0 10px; }

/* Subpage */

#retro-top { width: 670px; margin: auto; padding: 10px 0 17px 0; }
* HTML #retro-top { width: 750px !important; }
.retro { float: left; width: 95px; padding: 0 47px 0 0; text-align: center; }
.retro2 { padding: 40px 0 20px 0; }
.retro A { color: #74240f; text-decoration: underline; }
.retro A:hover { text-decoration: none; }
.retro IMG { width: 94px; height: 114px; }
.retro P { margin: 4px 0 0 0; }
.retro P.showall { margin: 18px 0 0 0; }
.retro TABLE.voting { margin: 8px auto 0 auto; }
.retro TABLE.voting TR.radio TD INPUT { margin: 0; padding: 0; text-align: center; }
.retro TABLE.voting TR.numbers TD { text-align: center; font-size: 9px; color: #654d22; }
DIV.retro SPAN.rating { font-size: 22px; font-weight: bold; color: #74240f; }
DIV.retro SPAN.voices { font-size: 9px; color: #4d3e26; }
.phone-model { font-size: 14px; font-weight: bold; color: #4b2626; }

.sort { margin: 6px 0 10px 0; font-size: 13px; }
.paging { color: #6b5839; font-size: 13px; word-spacing: 4px; }
.paging A.active { font-weight: bold; }

#upload-pic { width: 756px; height: 301px; margin: auto; background: url(bg03.jpg) no-repeat; position: relative; }
.upload-pic-rus { background: url(bg03-rus.jpg) no-repeat !important; }
#text { position: absolute; top: 85px; left: 40px; width: 236px; line-height: 20px; }
#text SPAN.red { color: #74240f; }
#form { position: absolute; top: 35px; left: 411px; width: 306px; text-align: right; }
#form P { margin: 10px 0 0 0; }
#form INPUT.txt { background: #fbfbec; border: 1px solid #e1c38b; width: 180px; }
#form INPUT.file { width: 180px; background: #fbfbec; border: 1px solid #e1c38b; } 
#form TEXTAREA.bg { background: #fbfbec; border: 1px solid #e1c38b; width: 180px; }
#link-ttp { position: absolute; top: 76px; left: 290px; }
#link-ttp A { display: block; width: 126px; height: 224px; }

#comment-col { float: left; width: 414px; margin: 20px 0 0 0; }
#comment-content { height: 301px; overflow-y: scroll; }
#comment-col DIV.comment { margin: 0 0 15px 0; padding: 0 0 15px 0; background: url(ln01.gif) no-repeat bottom center; }
#comment-col DIV.comment P { margin: 10px 0 0 0; }
#comment-col DIV.comment P.head { color: #74240f; }
#comment-col DIV.comment P.head SPAN.date { color: #6e5326; }
#comment-col DIV.comment P.text{ line-height: 17px; }
#add-comment { margin: 25px 0 0 0; width: 421px; height: 191px; background: url(et/bg_add_comment.jpg) no-repeat; }
.add-comment-rus { background: url(ru/bg_add_comment.jpg) no-repeat !important; }
#add-comment-form { padding: 39px 20px 0 20px; }
#add-comment-form P { margin: 15px 0 0 0; }
#add-comment-form INPUT.txt { background: #fbfbec; border: 1px solid #e1c38b; width: 140px; padding: 2px 0 2px 3px; font-size: 10px; }
#add-comment-form TEXTAREA.area { background: #fbfbec; border: 1px solid #e1c38b; width: 368px; height: 50px; padding: 0 0 0 3px; font-size: 10px; }


#phone-col { float: right; margin: 20px 10px 0 0; width: 322px; }
#phone-frame { position: relative; width: 322px; height: 390px; background: url(bg04.jpg) no-repeat; }
#phone-frame-text { position: absolute; top: 320px; padding: 0 15px 0 15px; font-size: 11px; }
#phone-frame-picture { position: absolute; top: 40px; padding: 0 44px 0 36px; width: 250px; height: 250px; text-align: center;  }

#phone-rating { margin: 30px 0 0 0; width: 322px; }
#phone-rating H1 { color: #74240f; font-weight: normal; font-size: 60px; text-align: center; margin: 0; }
#phone-rating-col01 { float: left; width: 130px; padding: 0 0 0 20px; }
	#phone-rating-col01 P { margin: 0; font-size: 10px; color: #4d3e26; }
#phone-rating-col02 { float: right; width: 130px; padding: 0 20px 0 0; }
#phone-rating-col02 P.heading { margin: 0; font-size: 14px; font-weight: bold; color: #4b2626; }
#phone-rating-col02 P.button { padding: 0 0 0 35px; margin: 7px 0 0 0;  }
#phone-rating-col02 TABLE.voting { margin: 8px auto 0 auto; }
#phone-rating-col02 TABLE.voting TR.radio TD INPUT { margin: 0; padding: 0; text-align: center; }
#phone-rating-col02 TABLE.voting TR.numbers TD { text-align: center; font-size: 9px; color: #654d22; }

.about P { line-height: 18px !important; }
.about OL { margin: 0 0 0 0; }
.about OL LI { line-height: 18px !important; padding: 10px 0 0 10px; }

.renew { height: 585px; overflow-y: scroll; padding: 0 10px 0 0; }
.renew UL, UL.default { margin: 1em 0 0 0; padding: 0 0 0 15px; list-style: none; }
.renew UL LI, UL.default LI { line-height: 17px; background: url(dot02.png) no-repeat 0 3px; padding: 0 0 0 19px; margin: 5px 0 0 0; }
.renew SPAN.red { color: #74240f; }

.renew2 P { line-height: 19px !important; }

#pricelist { position: absolute; top: 277px; right: 15px; width: 313px; height: 494px; background: url(et/pricelist.jpg) no-repeat; }
.pricelist-rus { background: url(ru/pricelist.jpg) no-repeat !important; }
#n1 { display: block; margin: 70px 0 0 24px; width: 278px; height: 40px; }
.nlink { display: block; margin: 20px 0 0 24px; width: 278px; height: 40px; }

.padfix { padding: 520px 0 0 0; }

#share A { padding: 0 0 0 20px; }

#frontflash-c { padding: 0 0 0 12px; margin: -10px 0 0 0; }

/* Buttons */
SPAN.btn01 { float: left; background: url(btn01.gif) no-repeat; margin: 0 2px 0 0; padding-left: 3px; }
SPAN.btn01 SPAN { float: left; background: url(btn01.gif) 100% 0 no-repeat; min-height: 19px; }
SPAN.btn01 INPUT { float: left; border: none; background: transparent; overflow: visible; padding: 1px 6px; color: #f2e9c5; cursor: pointer; line-height: 14px; font-weight: normal; }

/* Messages */
P.msg-error { color: #fff; padding: 4px 8px; background: #74240F; line-height: normal; text-align: center; }
P.msg-error A { color: #fff; }
P.msg-ok { color: #fff; padding: 4px 8px; background: #558e1f; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; }
P.msg-info { color: #000; padding: 4px 8px; background: #9e783a; line-height: normal; text-align: center; }
P.msg-info A { color: #000; }

/* Carousel */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}
.jcarousel-control { padding: 10px 0 0 0; }
.jcarousel-control A { float: left;display: block; margin: 0 14px 0 0; padding: 10px 0 0 0 ; color: #2c2c2c; text-decoration: none; }
.jcarousel-control A:hover { color: #e23f08; background: url(bg05.gif) 50% 0 no-repeat; }
* HTML .jcarousel-control A { margin: 0 !important; padding-right: 10px !important; }

/* ESTONIAN */

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 755px;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  755px;
    height: 277px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 755px;
    height: 277px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 222px;
    right: 133px;
    width: 122px;
    height: 34px;
    cursor: pointer;
    background: url(et/btn_jargmine.png);
	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_jargmine.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
   background: url(et/btn_jargmine_a.png);
   	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_jargmine_a.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: url(et/btn_jargmine_a.png);
	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal:active { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_jargmine_a.png', sizingMethod='crop'); }

}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal{
	background: url(et/btn_jargmine_passive.png) !important;
		* HTML .jcarousel-skin-tango .jcarousel-next-disabled-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_jargmine_passive.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 222px;
    left: 120px;
    width: 122px;
    height: 34px;
    cursor: pointer;
    background: url(et/btn_eelmine.png);
		* HTML .jcarousel-skin-tango .jcarousel-prev-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_eelmine.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background: url(et/btn_eelmine_a.png);
		* HTML .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_eelmine_a.png', sizingMethod='crop'); }

}


}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {
	 background: url(et/btn_eelmine_passive.png) !important;
	 	* HTML .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/et/btn_eelmine_passive.png', sizingMethod='crop'); }

	}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(et/btn_eelmine_passive.png) !important;

}

/* RUSSIAN */

.jcarousel-skin-tango-rus .jcarousel-container-horizontal {
    width: 755px;
    padding: 0;
}

.jcarousel-skin-tango-rus .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango-rus .jcarousel-clip-horizontal {
    width:  755px;
    height: 277px;
}

.jcarousel-skin-tango-rus .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango-rus .jcarousel-item {
    width: 755px;
    height: 277px;
}

.jcarousel-skin-tango-rus .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango-rus .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango-rus .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango-rus .jcarousel-next-horizontal {
    position: absolute;
    top: 222px;
    right: 133px;
    width: 122px;
    height: 34px;
    cursor: pointer;
    background: url(ru/btn_jargmine.png);
	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_jargmine.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango-rus .jcarousel-next-horizontal:hover {
   background: url(ru/btn_jargmine_a.png);
   	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_jargmine_a.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango-rus .jcarousel-next-horizontal:active {
    background: url(ru/btn_jargmine_a.png);
	* HTML .jcarousel-skin-tango .jcarousel-next-horizontal:active { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_jargmine_a.png', sizingMethod='crop'); }

}
.jcarousel-skin-tango-rus .jcarousel-next-disabled-horizontal{
	background: url(ru/btn_jargmine_passive.png) !important;
		* HTML .jcarousel-skin-tango .jcarousel-next-disabled-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_jargmine_passive.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango-rus .jcarousel-prev-horizontal {
    position: absolute;
    top: 222px;
    left: 120px;
    width: 122px;
    height: 34px;
    cursor: pointer;
    background: url(ru/btn_eelmine.png);
		* HTML .jcarousel-skin-tango .jcarousel-prev-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_eelmine.png', sizingMethod='crop'); }

}

.jcarousel-skin-tango-rus .jcarousel-prev-horizontal:hover {
    background: url(ru/btn_eelmine_a.png);
		* HTML .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_eelmine_a.png', sizingMethod='crop'); }

}


}
.jcarousel-skin-tango-rus .jcarousel-prev-disabled-horizontal {
	 background: url(ru/btn_eelmine_passive.png) !important;
	 	* HTML .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ru/btn_eelmine_passive.png', sizingMethod='crop'); }

	}

.jcarousel-skin-tango-rus .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango-rus .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango-rus .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(ru/btn_eelmine_passive.png) !important;

}

/**
 *  Vertical Buttons
 */
 /*
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
*/



/* js tooltip */
.hotspot {color:#900; padding-bottom:1px; cursor:pointer; }
#tt {position:absolute; display:block; background:url(tooltip/tt_left.gif) top left no-repeat; }
#tttop {display:block; height:5px; margin-left:5px; background:url(tooltip/tt_top.gif) top right no-repeat; overflow:hidden; }
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; }
#ttbot {display:block; height:5px; margin-left:5px; background:url(tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden; }