body { padding: 0px; margin: 0px; vertical-align: top; font-family: Verdana; font-size: 8pt; color: #333; background: #fff url(../img/bg/body.gif) center repeat-y;; } body.skin { padding: 0px; margin: 0px; vertical-align: top; font-family: Verdana; font-size: 8pt; color: #333; background: #aaaaaa url(../img/bg/body_skin.gif) center repeat-y;; } body.vip { padding: 0px; margin: 0px; vertical-align: top; font-family: Verdana; font-size: 8pt; color: #333; background: #c90036 url(../img/bg/body_vip.gif) top center repeat-x; } body.print {padding: 0px; margin: 5px 5px; vertical-align: top; font-family: Verdana; font-size: 8pt; color: #333; } body * { padding: 0px; margin: 0px; border: none; font-family: Verdana; color: inherit; font-size: inherit; } div , table { padding: 0px; margin: 0px;} td, th { vertical-align: top; text-align: left; font-size: 8pt; } a { font-family: inherit; text-decoration: none; color: #ff6699;} a:hover { color: #ff3366; } a.nostyle { color: #333;} h1{ font-size: 12pt; margin: 0px 0px 10px 0px; color: #333; } h1 a {color: #333;} h2 { margin: 0px 0px 10px 0px; font-size: 10pt; color: #333; } h2 a {color: #333; } h2 a.pink {color: #ff6699; } h2 a.pink:hover { color: #ff3366; } h2.grey { color: #d6d7e1; font-size: 13pt; margin: 0px 0px 14px 0px; } h2.grey11{ color: #b8b9cf; font-size: 11pt; margin: 0px 0px 7px 0px; } h2.center{ text-align:center;} h2.head{ padding-bottom:7px} h3 { margin: 0px 0px 5px 0px; font-size: 8pt; color: #333;} h4 { margin: 0px 0px 1px 0px; font-size: 7pt; color: #000; font-weight: normal;} p { padding: 0px; margin: 0px 0px 20px 0px;} img { behavior: url("/htc/png.htc"); display: block; } div#sfWebDebug img { display: inline; } .box { width: 100%; background: url(../img/bg/box.gif) top center no-repeat; } .skin .box { width: 100%; background: none; } .vip .box { background: url(../img/bg/box_vip.gif) center repeat-y; } .w980 { width: 980px;} .topPanel , .menuTop { width: 980px; overflow: hidden; } .vipTopNav { height: 162px; background: url(../img/bg/vip_top_nav.gif) top center no-repeat; } .contentVip { background: url(../img/bg/content_vip.gif) top center no-repeat; } /* Top panel */ .topPanel { height: 101px; } .skin .topPanel { width: 1000px; height: 108px; background: #aaa url(../img/bg/top_skin.gif) bottom no-repeat; } .vip .topPanel { height: 108px; background: url(../img/bg/top_vip.gif) center bottom no-repeat; width: 100%; } .vip .topPanel .pr { width: 1000px; } .logo { float: left;} .logo img { width: 171px; height: 85px; margin: 16px 0px 0px 46px;} .skin .logo img { margin: 16px 0px 0px 56px;} .vip .logo img { margin: 14px 0px 0px 0px; width: 140px; height: 70px;} .banTop { float: right; text-align: right; width: 740px; height: 99px; overflow: hidden;} .banTop img { display: block; margin: 9px 12px 0px 0px; } .navigationTop { height: 46px; width: 980px; position: relative; } .skin .navigationTop { height: 39px; } .vip .navigationTop { height: 37px; } .slogan { width: 285px; float: left; } .slogan img { margin: 15px 0px 0px 33px; width: 205px; height: 22px;} .skin .slogan img { margin: 10px 0px 0px 33px; } .vip .slogan img { margin: 10px 0px 0px 33px; } .navigationTop .links { padding: 16px 0px 0px 0px; float: left; } .skin .navigationTop .links { padding: 11px 0px 0px 0px;} .vip .navigationTop .links { padding: 11px 0px 0px 0px;} .navigationTop .links a { margin: 0px 13px 0px 15px; display: block; float: left; padding: 5px 0px 5px 32px; color: #666; background: url(../img/markers/navigation_top_links.gif) 0px 0px no-repeat; font-size: 8pt;} .navigationTop .links a:hover { color: #ff3366; background: url(../img/markers/navigation_top_links_over.gif) 0px 0px no-repeat;} .navigationTop .links a.active { color: #ff3366; background: url(../img/markers/navigation_top_links_over.gif) 0px 0px no-repeat;} .lang { float: left; padding: 20px 0px 0px 0px; width: 100px;} .skin .lang { padding: 15px 0px 0px 0px;} .vip .lang { padding: 15px 0px 0px 0px;} .lang a { display: block; float: left; width: 20px; height: 17px; background: url(../img/bg/langs.gif) 0px 0px no-repeat;} .lang a:hover { background: #f1f1f1; color: #2a2a2a; background: url(../img/bg/langs_over.gif) 0px 0px no-repeat;} .lang img { width: 16px; height: 11px; margin: 2px 0px 0px 1px; } .check_in { float: right; padding: 15px 0px 0px 0px; width: 241px; color: #ff6699;} .skin .check_in { padding: 10px 0px 0px 0px;} .vip .check_in { padding: 10px 0px 0px 0px;} .check_in a { display: block; float: left; height: 22px; font-size: 7pt; } .registration { width: 134px; background: url(../img/buttons/registration.gif) 0px 0px no-repeat; color: #333; padding: 4px 0px 0px 17px; } .registration:hover { background: url(../img/buttons/registration_over.gif) 0px 0px no-repeat; color: #ff6699; } .vip .registration:hover { background: url(../img/buttons/registration_vip_over.gif) 0px 0px no-repeat; color: #ff3366; } .vip .registrationActive { background: url(../img/buttons/registration_vip_active.gif) 0px 0px no-repeat; color: #666; width: 134px; padding: 4px 0px 0px 17px;} .login { width: 64px; background: url(../img/buttons/login.gif) 0px 0px no-repeat; color: #ff6699; padding: 4px 0px 0px 17px; font-weight: bold; } .login:hover { background: url(../img/buttons/login_over.gif) 0px 0px no-repeat; color: #ff3366; } .vip .login:hover { background: url(../img/buttons/login_vip_over.gif) 0px 0px no-repeat; color: #ff3366; } .loginActive { width: 64px; padding: 4px 0px 0px 17px; font-weight: bold;background: url(../img/buttons/login_over.gif) 0px 0px no-repeat; color: #ff3366; } .vip .loginActive { background: url(../img/buttons/login_vip_over.gif) 0px 0px no-repeat; } .welcome { float: right; padding: 15px 6px 0px 0px; width: 320px; color: #ff6699;} .welcome p { float: right; padding: 7px 10px 0px 0px; margin: 0px 0px 0px 0px; font-size: 7.6pt;} .welcome .cabinet { float: right; width: 98px; height: 21px; color: #ff6699; background: url(../img/buttons/cabinet.gif) 0px 0px no-repeat; font-size: 7pt; padding: 6px 0px 0px 31px;} .welcome .cabinet:hover {color: #ff3366; background: url(../img/buttons/cabinet_over.gif) 0px 0px no-repeat; } /* Top menu */ .menuTop { height: 49px; width: 979px; margin: 0px 2px 10px 0px; */margin: 0px 1px 10px 1px; overflow: hidden; } .menuTop .jquerycssmenu { height: 49px; width: 985px; margin: 0px 0px 0px 0px; } .menuTop .jquerycssmenu ul { list-style: none; } .menuTop .jquerycssmenu li { height: 49px; width: 98px; float: left; font-size: 7.6pt;} .menuTop .jquerycssmenu .empty { background: url(../img/top_menu/menu.gif) 0px 0px no-repeat; height: 44px; display: block; color: #333; padding: 5px 6px 0px 10px;} .menuTop .jquerycssmenu a { background: url(../img/top_menu/menu.gif) 0px 0px no-repeat; height: 44px; display: block; color: #333; padding: 5px 6px 0px 10px;} .menuTop .jquerycssmenu a:hover { background: url(../img/top_menu/menu_over.gif) 0px 0px no-repeat; color: #666;} .menuTop .jquerycssmenu a.hover { background: url(../img/top_menu/menu_over.gif) 0px 0px no-repeat; color: #666;} .menuTop .jquerycssmenu .active a { background: url(../img/top_menu/menu_active.gif) 0px 0px no-repeat; padding: 4px 6px 1px 10px; color: #333;} .menuTop .jquerycssmenu .active a:hover { background: url(../img/top_menu/menu_over.gif) 0px 0px no-repeat; color: #666;} .menuTop .jquerycssmenu .active a.hover { background: url(../img/top_menu/menu_over.gif) 0px 0px no-repeat; color: #666;} .menuTop .subMenu { position: absolute; width: 99px; margin: 0px 0px 0px -1px; z-index: 50; overflow: hidden;} .menuTop .subMenuBox { background: #fcfcfc url(../img/top_menu/sub_menu.gif) left repeat-y; } .menuTop .subMenu ul { padding: 13px 0px 4px 0px; background: url(../img/top_menu/sub_menu_ul.gif) 0px 0px no-repeat; } .menuTop .subMenu li { height: auto; float: none; display: block; padding: 0px 0px 8px 0px; } .menuTop .subMenu a { height: auto; color: #333; font-size: 7.6pt; display: block; padding: 0px 6px 0px 11px; background: none; } .menuTop .jquerycssmenu .subMenu a { background: none; } .menuTop .jquerycssmenu .active .subMenu a { background: none; } .menuTop .subMenu a:hover { color: #666; } .menuTop .subMenuBot { width: 99px; height: 5px;} .menuTop .subMenuBot img { width: 99px; height: 5px; display: block; } /* Pink menu */ .navigationBot { width: 964px; height: 35px; margin: 0px 0px 0px 8px; background: url(../img/bg/navigation_bot.gif) top repeat-x;} .navigationBot .pinkLeft { width: 12px; height: 35px; float: left; background: url(../img/bg/pink_left.gif) top right no-repeat;} .navigationBot .pink { height: 35px; float: left; background: url(../img/bg/pink.gif) top repeat-x; padding: 0px 0px 0px 1px; } .pink .jquerycssmenu { height: 26px; float: left; margin: 0px 0px 0px -12px; } .pink .jquerycssmenu ul { list-style: none; } .pink .jquerycssmenu li { height: 26px; float: left; font-size: 7.6pt; position: relative;} .navigationBot .pink a { display: block; height: 26px; float: left; color: #333; font-size: 8pt; } .pink .point { padding: 8px 13px 0px 13px; position: relative; height: 26px; cursor: pointer; } .pink .vip .point { padding: 9px 19px 0px 19px; position: relative; height: 26px; } .pink .l , .pink .r { height: 26px; width: 13px; position: absolute; top: 0px; } .pink .l { left: 0px; } .pink .r { right: 0px;} .pink .active a , .pink .activeVip a { background: url(../img/navigation_bot_pink/point_active.gif) top repeat-x; color: #666;} .pink .active .l { background: url(../img/navigation_bot_pink/l_active.gif) top left no-repeat; } .pink .active .r , .pink .activeVip .r { background: url(../img/navigation_bot_pink/r_active.gif) top right no-repeat; } .pink .activeVip .l { background: url(../img/navigation_bot_pink/l_vip_active.gif) top right no-repeat; } .pink a:hover , .pink .active a:hover , .pink .active a.hover , .pink a.hover { background: url(../img/navigation_bot_pink/point_over.gif) top repeat-x; color: #666;} .pink a:hover .l , .pink a.hover .l { background: url(../img/navigation_bot_pink/l_over.gif) top left no-repeat; } .pink .vip a:hover .l , .pink .vip a.hover .l { background: url(../img/navigation_bot_pink/l_vip_over.gif) top left no-repeat; } .pink a:hover .r , .pink a.hover .r { background: url(../img/navigation_bot_pink/r_over.gif) top right no-repeat; } .pink .subMenu { position: absolute; z-index: 50; border-bottom: 1px #cdccca solid; margin: 0px 0px 0px 0px; clear: both; left: 0px; top: 26px; } .pink .subMenu td { padding: 0px 0px 10px 0px; } .pink .subMenu .subMenuLeft { width: 12px; background: url(../img/navigation_bot_pink/sub_menu_left.gif) right repeat-y;} .pink .vip .subMenu .subMenuLeft { width: 11px; } .pink .subMenu .subMenuLeft div { width: 11px; height: 103px; background: url(../img/navigation_bot_pink/sub_menu_left_in.gif) left repeat-y; float: right;} .pink .subMenu .subMenuRight { width: 12px; background: url(../img/navigation_bot_pink/sub_menu_right.gif) left repeat-y;} .pink .subMenu .subMenuRight div { width: 11px; height: 103px; background: url(../img/navigation_bot_pink/sub_menu_right_in.gif) left repeat-y; float: left;} .pink .subMenuBox { background: #fbdde7 url(../img/navigation_bot_pink/sub_menu.gif) top repeat-x; } .pink .subMenu ul { padding: 8px 0px 0px 0px; } .pink .subMenu li { height: auto; float: none; display: block; } .pink .subMenu a { height: auto; color: #333; font-size: 7.6pt; display: block; padding: 0px 0px 0px 4px; margin: 0px 0px 8px 0px; background-image: none;} .pink .jquerycssmenu .active .subMenu a { background: none; } .pink .subMenu a:hover { color: #666; background: none; } .navigationBot .pinkRight { width: 18px; height: 35px; float: left; background: url(../img/bg/pink_right.gif) top left no-repeat; margin: 0px 0px 0px -7px; } .navigationBot .right { width: 206px; height: 35px; float: right; background: url(../img/bg/right.gif) top right no-repeat; text-align: right;} .contact { width: 89px; height: 19px; display: block; float: left; color: #333; font-size: 7.6pt; padding: 8px 0px 0px 0px; text-align: center; } .contact:hover { background: url(../img/buttons/contacts_over.gif) 0px 0px no-repeat; color: #666;} .opinion { width: 110px; height: 19px; display: block; float: left; color: #ff6699; font-size: 7.6pt; font-weight: bold; padding: 8px 0px 0px 5px; text-align: center; } .opinion:hover { background: url(../img/buttons/opinion_over.gif) 0px 0px no-repeat; } /* Gold menu */ .navigationBot .goldLeft { width: 12px; height: 35px; float: left; background: url(../img/bg/gold_left.gif) top right no-repeat;} .navigationBot .gold { height: 35px; float: left; background: url(../img/bg/gold.gif) top repeat-x; padding: 0px 0px 0px 1px; } .gold .jquerycssmenu { height: 26px; float: left; margin: 0px 0px 0px -12px; } .gold .jquerycssmenu ul { list-style: none; } .gold .jquerycssmenu li { height: 26px; float: left; font-size: 7.6pt; position: relative;} .navigationBot .gold a { display: block; height: 26px; float: left; color: #333; font-size: 8pt; } .gold .point { padding: 8px 13px 0px 13px; position: relative; height: 26px; cursor: pointer; } .gold .vip .point { padding: 9px 19px 0px 19px; position: relative; height: 26px; } .gold .l , .gold .r { height: 26px; width: 13px; position: absolute; top: 0px; } .gold .l { left: 0px; } .gold .r { right: 0px;} .gold .active a , .gold .activeVip a { background: url(../img/navigation_bot_gold/point_active.gif) top repeat-x; color: #666;} .gold .active .l { background: url(../img/navigation_bot_gold/l_active.gif) top left no-repeat; } .gold .active .r , .gold .activeVip .r { background: url(../img/navigation_bot_gold/r_active.gif) top right no-repeat; } .gold .activeVip .l { background: url(../img/navigation_bot_gold/l_vip_active.gif) top right no-repeat; } .gold a:hover , .gold .active a:hover , .gold .active a.hover , .gold a.hover { background: url(../img/navigation_bot_gold/point_over.gif) top repeat-x; color: #666;} .gold a:hover .l , .gold a.hover .l { background: url(../img/navigation_bot_gold/l_over.gif) top left no-repeat; } .gold .vip a:hover .l , .gold .vip a.hover .l { background: url(../img/navigation_bot_gold/l_vip_over.gif) top left no-repeat; } .gold a:hover .r , .gold a.hover .r { background: url(../img/navigation_bot_gold/r_over.gif) top right no-repeat; } .gold .subMenu { position: absolute; z-index: 50; border-bottom: 1px #b6084d solid; margin: 0px 0px 0px 0px; clear: both; left: 0px; top: 26px; } .gold .subMenu td { padding: 0px 0px 10px 0px; } .gold .subMenu .subMenuLeft { width: 12px; background: url(../img/navigation_bot_gold/sub_menu_left.gif) right repeat-y;} .gold .vip .subMenu .subMenuLeft { width: 11px; } .gold .subMenu .subMenuLeft div { width: 11px; height: 103px; background: url(../img/navigation_bot_gold/sub_menu_left_in.gif) left repeat-y; float: right;} .gold .subMenu .subMenuRight { width: 12px; background: url(../img/navigation_bot_gold/sub_menu_right.gif) left repeat-y;} .gold .subMenu .subMenuRight div { width: 11px; height: 103px; background: url(../img/navigation_bot_gold/sub_menu_right_in.gif) left repeat-y; float: left;} .gold .subMenuBox { background: #fff18e url(../img/navigation_bot_gold/sub_menu.gif) top repeat-x; } .gold .subMenu ul { padding: 8px 0px 0px 0px; } .gold .subMenu li { height: auto; float: none; display: block; } .gold .subMenu a { height: auto; color: #333; font-size: 7.6pt; display: block; padding: 0px 0px 0px 4px; margin: 0px 0px 8px 0px; background-image: none;} .gold .jquerycssmenu .active .subMenu a { background: none; } .gold .subMenu a:hover { color: #666; background: none; } .navigationBot .goldRight { width: 18px; height: 35px; float: left; background: url(../img/bg/gold_right.gif) top left no-repeat; margin: 0px 0px 0px -7px; } .contentSec { margin: 0px 0px 0px 1px;} .flowers { background: url(../img/bg/flowers.gif) 0px 0px no-repeat; } /* Collums */ .colLeft { float: left; overflow: hidden; width: 670px; padding: 10px 0px 30px 0px;} .colRight { float: left; overflow: hidden; width: 300px; padding: 10px 0px 30px 0px; } .catLev1 .colLeft { width: 247px; padding: 0px 0px 30px 0px;} .catLev1 .colRight {width: 730px; padding: 0px 0px 30px 0px;} .catLev2 .colLeft , .catLev3 .colLeft , .registrate .colLeft , .simpSec .colLeft , .cabinet .colLeft { width: 809px; padding: 0px 0px 30px 0px;} .catLev2 .colRight , .catLev2 .colRight , .catLev3 .colRight , .registrate .colRight , .simpSec .colRight , .cabinet .colRight {width: 170px; padding: 0px 0px 30px 0px;} .registrate .colLeft { padding: 16px 0px 30px 0px;} .registrate .colRight {padding: 18px 0px 30px 0px;} .simpSec .colRight { padding: 6px 0px 30px 0px;} .cabinet .colLeft { padding: 16px 0px 30px 0px;} .cabinet .colRight { padding: 18px 0px 30px 0px;} /*Footer */ .footer { height: 30px; margin: 0px 0px 0px 22px; width: 938px; position:relative;} .footer * { font-size: 7pt;} .footer .copy { float: left; color: #fc9d9d;} .footer .copy a { color: #fc9d9d;} .footer .links { width: 400px; float: right; margin: 0px -20px 0px 0px; text-align: right;} .footer .links a { display: block; float: right; padding: 2px 20px 2px 20px; border-right: solid 1px #b8b8b8; color: #999;} .footer .links a.last { border-right: none;} .footer .links a:hover { color: #ff3366;} .footer .links a.active { color: #ff3366;} /* PATH */ .path { margin: 0px 0px 0px 22px; width: 938px; overflow: hidden; height: 35px; } .path a { height: 20px; display: block; float: left; background: url(../img/markers/nav.gif) top right no-repeat; color: #333; padding: 5px 25px 0px 0px; margin: 0px 15px 0px 0px; } .path a:hover { color: #ff6699; } .path a.active { color: #ff6699; } /* MAPE */ .mapeSite { clear: both; width: 938px; margin: 0px 0px 5px 22px; border-top: solid 1px #b8b8b8; border-bottom: solid 1px #b8b8b8; padding: 12px 0px 10px 0px; overflow: hidden;} .mapeSite .blocks { width: 1000px; } .mapeSite .block { margin: 0px 30px 0px 0px; width: 168px; display: block; float: left; text-align:left;} .mapeSite .block .main { font-size: 7.6pt; font-weight: bold; margin: 5px 0px 0px 0px; display: block;} .mapeSite .block .main a { color: #666; } .mapeSite .block .main a:hover,.mapeSite .block .second a:hover { color: #ff3366; } .mapeSite .block .child { margin: 5px 0px 0px 0px;} .mapeSite .block .second { font-size: 7pt; font-weight: normal; margin: 0px 0px 0px 0px; display: block;} .mapeSite .block .second a { color: #999; } .mapeSite .block a.active { color: #ff3366;} /* BANNERS */ .flashObj { width: 958px; margin: 0px 0px 28px 11px;} .vip .flashObj { width: 100%; margin: 0px 0px 0px 0px; height: 294px;} .vip .flashObj img { margin: 0px 2px 0px 0px; } .banCenter { margin: 0px 0px 10px 84px; width: 817px; height: 125px; position: relative;} .banCenter .banBox { width: 817px; height: 125px; position: absolute; top: 0px; height: 0px;} .banCenter .banImage { width: 808px; height: 116px; position: absolute; top: 2px; left: 2px; overflow: hidden; padding: 0px 4px 0px 0px; text-align: center;} /* BLOCKS */ .items { margin: 0px 0px 20px 22px; width: 670px; } .catLev1 .colLeft .items { margin: 0px 0px 0px 22px; width: 220px; } .catLev3 .colRight .items , .simpSec .colRight .items { margin: 30px 0px 30px 6px;} .simpSec .nobutton .items { margin: 0px 0px 30px 6px;} /* .items .cb { background: url(../img/bg/item.gif) top right no-repeat;}*/ .items .parnter { width: 140px; margin: 0px 0px 15px 0px; } .itemHome {} .cb .item { background: url(../img/bg/item.gif) top right no-repeat;} .item { width: 314px; height: 160px; float: left; margin: 0px 20px 30px 0px; } .catLev3 .colRight .item , .simpSec .colRight .item { width: 172px; height: auto; margin: 0px 0px 20px 0px; float: none; background: url(../img/bg/item_gor.gif) bottom left no-repeat; padding: 0px 0px 20px 0px; } .catLev1 .colLeft .item { width: 220px; height: auto; margin: 0px 0px 20px 0px; float: none; background: url(../img/bg/item_gor.gif) bottom left no-repeat; padding: 0px 0px 20px 0px; } .catLev1 .colLeft .item h1 { font-size: 11pt; font-weight: normal;} .simpSec .colRight .items h1 { font-size: 11pt; width: 150px;} .item .image { float: left; margin: 0px 12px 5px 0px;} .catLev1 .colLeft .item .image { margin: 0px 8px 0px 0px;} .catLev3 .colRight .item .image , .simpSec .colRight .item .image { margin: 0px 4px 0px 0px;} .item .gor { width: 104px; height: 72px; background: url(../img/bg/item_image_gor.gif) 0px 0px no-repeat;} .item .gor .img { width: 98px; height: 65px; margin: 1px 0px 0px 1px;} .item .ver { width: 72px; height: 106px; background: url(../img/bg/item_image_ver.gif) 0px 0px no-repeat;} .item .ver .img { width: 98px; height: 65px; margin: 1px 0px 0px 1px;} .item h2 { padding: 0px 21px 0px 0px;} .catLev1 .colLeft .item h2 { padding: 0px 0px 0px 0px;} .item .text { padding: 0px 21px 0px 0px; line-height: 15px;} .item .text a { color: #333; } .item .text a:hover { color: #666; } .item .text .more { color: #ff6699; white-space: nowrap; } .item .text a:hover .more { color: #ff3366; } .item .text .more img { display: inline; margin: 0px 0px 0px 5px;} .clothes { margin: 0px 0px 20px 22px; clear: both; width: 670px; line-height: 18px;} .clothes * { line-height: 18px; } .clothes h2.home { clear: both; } .catLev1 .colLeft .clothes { clear: both; width: 220px;} .catLev3 .colRight .clothes { clear: both; width: 162px; margin: 0px 0px 40px 10px;} .clothes .image { width: 625px; height: 80px; margin: 0px 0px 12px 0px; } .clothes .block { width: 200px; margin: 0px 20px 0px 0px; overflow: hidden; float: left; display: block; } .clothes a { color: #ff6699; } .clothes a img { display: inline; margin: 0px 0px 0px 5px;} .clothes a:hover { color: #ff3366; } .fast { clear: both; padding: 0px 0px 0px 16px;} .fastTop { height: 11px; width: 630px; background: url(../img/bg/fast_top.gif) bottom left no-repeat;} .fastBot { height: 11px; width: 630px; background: url(../img/bg/fast_bot.gif) top left no-repeat;} .fastBox { width: 630px; background: url(../img/bg/fast_box.gif) left repeat-y; padding: 10px 0px 0px 0px;} .fastBox h2 { margin: 0px 24px 10px 24px; font-size: 9pt;} .fastBox .block { margin: 0px 0px 10px 24px; width: 175px; display: block; float: left; line-height: 16px;} .borderGrey {} .borderGreyTop td { height: 6px; } .borderGreyTop td img { height: 6px; width: 6px; } .borderGreyBot td { height: 6px; } .borderGreyBot td img { height: 6px; width: 6px; } .borderGreyTop .l { width: 6px; background: url(../img/bg/border_grey_t_l.gif) bottom right no-repeat;} .borderGreyTop .r { width: 6px; background: url(../img/bg/border_grey_t_r.gif) bottom left no-repeat;} .borderGreyTop .c { background: url(../img/bg/border_grey.gif) top repeat-x;} .borderGreyCent .l { width: 6px; background: url(../img/bg/border_grey.gif) left repeat-y;} .borderGreyCent .r { width: 6px; background: url(../img/bg/border_grey.gif) right repeat-y;} .borderGreyCent .c { padding: 5px 5px 5px 5px;} .borderGreyBot .l { width: 6px; background: url(../img/bg/border_grey_b_l.gif) top right no-repeat;} .borderGreyBot .r { width: 6px; background: url(../img/bg/border_grey_b_r.gif) top left no-repeat;} .borderGreyBot .c { background: url(../img/bg/border_grey.gif) bottom repeat-x;} .menuRight { width: 162px; background: url(../img/bg/menu_right.gif) left repeat-y; margin: 0px 0px 10px 0px;} .menuRightTop { height: 10px; background: url(../img/bg/menu_right_top.gif) left bottom no-repeat;} .menuRightBot { height: 10px; background: url(../img/bg/menu_right_bot.gif) left top no-repeat;} .menuRight h3 { margin: 0px 20px 15px 20px;} .menuRight a { display: block; padding: 5px 10px 10px 20px; color: #666; margin: 0px 0px 0px 1px;} .menuRight a:hover { color: #ff6699; background: url(../img/bg/menu_right_over.gif) left repeat-y;} .menuRight a.active { color: #ff6699; background: url(../img/bg/menu_right_over.gif) left repeat-y;} .vip .menuRight a { display: block; padding: 6px 10px 6px 20px; color: #333; margin: 0px 0px 0px 1px;} .vip .menuRight a:hover { color: #000; background: url(../img/bg/menu_right_vip_over.gif) left repeat-y;} .vip .menuRight a.active { color: #000; background: url(../img/bg/menu_right_vip_over.gif) left repeat-y;} .menuRight .lev_2 a { padding: 1px 10px 1px 30px; font-size: 7.6pt; } .menuRight .lang { display: block; float: none; padding: 14px 0px 14px 36px; } .menuRight .lang a { display: block; padding: 0px 0px 0px 0px; float: none; width: auto; } .menuRight .lang a img { display: block; float: left; margin: 0px 10px 0px 0px;} .menuRight .lang a { background: url(../img/bg/langs.gif) -1px -1px no-repeat;} .menuRight .lang a:hover { color: #ff3366; background: url(../img/bg/langs_over.gif) -1px -1px no-repeat;} .menuRight .lang a.active { color: #ff3366; background: url(../img/bg/langs_over.gif) -1px -1px no-repeat;} .download { width: 166px; margin: 0px 0px 8px -2px;} .downloadTop { width: 166px; height: 15px; background: url(../img/bg/download_top.gif) left bottom no-repeat;} .downloadBot { width: 166px; height: 15px; background: url(../img/bg/download_bot.gif) left top no-repeat;} .downloadBox { width: 166px; background: url(../img/bg/download_box.gif) left repeat-y; padding: 5px 0px 5px 0px;} .downloadBox a { display: block; padding: 6px 10px 6px 22px; } .downloadBox p { padding: 0px 14px 0px 22px; margin: 0px 0px 0px 0px; } .downloadBox h2 { padding: 0px 14px 0px 22px; margin: 0px 0px 12px 0px; color: #333; font-weight: normal; font-size: 12pt; } .downloadBox h3 { padding: 0px 14px 0px 22px; margin: 0px 0px 10px 0px; color: #333; font-size: 9pt; } .downloadBox p a.more { padding: 0px 10px 0px 0px; display: inline; } /* CATALOG BLOCKS */ .gallery { clear: both;} .gallery { width: 794px; margin: 0px 0px 10px 9px;} .gallery .galleryTop { width: 794px; height: 12px; background: url(../img/bg/gal_top_2.gif) left bottom no-repeat;} .gallery .galleryBot { width: 794px; height: 12px; background: url(../img/bg/gal_bot_2.gif) top left no-repeat;} .gallery .galleryBox { width: 794px; background: url(../img/bg/gal_box_2.gif) left repeat-y; padding: 4px 26px 0px 18px;} .nobutton .gallery { width: 794px; margin: 0px 0px 0px 9px;} .catLev1 .gallery { width: 726px; background: url(../img/bg/gal_box.gif) left repeat-y; overflow: hidden; margin: 0px 0px 0px 0px;} .catLev1 .gallery .galleryTop { width: 726px; height: 12px; background: url(../img/bg/gal_top.gif) left bottom no-repeat;} .catLev1 .gallery .galleryBot { width: 726px; height: 12px; background: url(../img/bg/gal_bot.gif) top left no-repeat;} .catLev1 .gallery .galleryBox { width: 726px; padding: 10px 0px 0px 21px; background: url(../img/bg/gal_box.gif) left repeat-y;} .catLev3 .gallery , .simpSec .gallery { position: relative;} .catLev3 .gallery .galleryTop { height: 51px; position: relative;} .catLev2 .gallery .galleryBox { width: 758px; padding: 4px 0px 0px 36px; background: url(../img/bg/gal_box_2.gif) left repeat-y; } .registrate .gallery .galleryBox { padding: 24px 26px 10px 18px; } .simpSec .gallery .galleryTop { height: 38px; position: relative;} .simpSec .nobutton .gallery .galleryTop { height: 12px; position: relative;} .simpSec .gallery .galleryBox { padding: 0px 46px 10px 18px; width: 750px;} .simpSec .gallery .galleryBox h1 { color: #d6d7e1; font-size: 26pt; margin: 0px 0px 18px 0px; line-height: 36px; } .vip .simpSec .gallery .galleryBox h1 { color: #d0b756; font-size: 26pt; margin: 0px 0px 18px 0px; line-height: 36px; } .vip .simpSec .gallery .galleryBox h2 { color: #d0b756; font-size: 14pt; margin: 0px 0px 18px 0px;} .cabinet .gallery .galleryTop { background: url(../img/bg/gal_top_cab.gif) left bottom no-repeat;} .cabinet .gallery .galleryBot { background: url(../img/bg/gal_bot_cab.gif) top left no-repeat;} .cabinet .gallery .galleryBox { background: url(../img/bg/gal_box_cab.gif) left repeat-y; padding: 4px 0px 0px 10px;} .galleryBox ol , .galleryBox ul { margin: 0px 0px 20px 22px;} .galleryBox li { margin: 0px 0px 8px 0px;} .gallery .w100 { margin: 0px 0px 10px 0px; clear: both;} .gallery .block { width: 223px; height: 166px; display: block; float: left; background: url(../img/bg/gal_block.gif) left top no-repeat; margin: 0px 8px 10px 0px; cursor: pointer; color: #333; padding: 14px 0px 0px 0px; } .gallery .hover { background: url(../img/bg/gal_block_over.gif) left top no-repeat;} .gallery .block img { width: 191px; height: 128px; margin: 0px 18px 3px 14px; } .gallery .block * { font-size: 6pt; text-align: center;} .gallery .block p { padding: 0px 0px 0px 0px;} .gallery .block h4 { padding: 0px 20px 0px 14px; text-align: center; font-size: 7pt;} /* LEVEL 2 */ .place { width: 238px; height: 238px; float: left; display: block; margin: 0px 4px 10px 0px; position: relative;} .placeVert { width: 170px; height: 300px; float: left; display: block; margin: 0px 5px 10px 5px; position: relative;} .city { padding: 0px 20px 0px 15px; margin: 0px 0px 8px 0px;} .city a { color: #666; font-size: 7.6pt;} .city a:hover { color: #ff6699;} .city img { width: 20px; height: 15px; margin: 0px 6px 0px 0px; float: left;} .placeObj { display: block; text-align: center; color: #666; margin: 0px 0px 3px 0px; padding: 14px 0px 0px 0px; overflow: hidden;cursor: pointer;} .hover { color: #000; } .placeObj img { margin: 0px auto 10px auto; text-align:center;} .place .placeObj { width: 238px; height: 177px; background: url(../img/bg/place_obj.gif) 0px 0px no-repeat; } .place .hover { background: url(../img/bg/place_obj_over.gif) 0px 0px no-repeat;} .place .placeObj img { height: 135px; } .placeVert .placeObj { width: 170px; height: 244px; background: url(../img/bg/place_vert_obj.gif) 0px 0px no-repeat; } .placeVert .hover { background: url(../img/bg/place_vert_obj_over.gif) 0px 0px no-repeat;} .placeVert .placeObj img { height: 203px; display: block; } .choose { padding: 0px 0px 0px 15px; } .choose a { background: url(../img/markers/choose.gif) 0px 2px no-repeat; padding: 0px 0px 0px 16px; font-size: 7.6pt; color: #666; } .choose a:hover { color: #ff6699; background: url(../img/markers/choose_over.gif) 0px 2px no-repeat;} .choose .favorit { background: url(../img/markers/favorit.gif) 0px 2px no-repeat; padding: 0px 0px 0px 22px; font-size: 7.6pt; color: #666; } .choose .favorit:hover { color: #ff6699; } .novelty { position: absolute; right: -10px; bottom: 45px; width: 71px; height: 65px;} .best { height: 30px; padding: 0px 0px 0px 30px; float: left;} .best h2 { float: left; white-space: nowrap; margin: 0px 40px 0px 0px;} .best a { float: left; display: block; background: url(../img/bg/best.gif) 0px 0px no-repeat; padding: 4px 0px 3px 24px; color: #333; margin: 0px 30px 0px 0px; } .best a.active { background: url(../img/bg/best_over.gif) 0px 0px no-repeat;} /* LEVEL 3 */ .placeDescr { width: 750px; margin: 0px 0px 10px 0px;} .placeDescr .image { width: 310px; float: none; margin: 0px 0px 0px 0px;} .placeDescr .image .imageTop { width: 288px; height: 10px; background: url(../img/bg/place_descr_image_top.gif) left bottom no-repeat; border: solid 1px #ff000} .placeDescr .image .imageBot { width: 288px; height: 10px; background: url(../img/bg/place_descr_image_bot.gif) left top no-repeat;margin: 0px 0px 10px 0px;} .placeDescr .image .imageBox { width: 285px; background: url(../img/bg/place_descr_image_box.gif) left repeat-y; padding: 12px 3px 14px 0px; } .imageBan { width: 281px; overflow: hidden; margin: 0px 0px 20px 2px;} .imageBanTop { width: 281px; height: 8px; background: url(../img/bg/image_ban_top.gif) left bottom no-repeat;} .imageBanBox { width: 281px; background: #fff; padding: 10px 0px 6px 0px;} .imageBanBot { width: 281px; height: 8px; background: url(../img/bg/image_ban_bot.gif) left top no-repeat;} .rating , .appraisal { float: left; width: 220px; margin: 0px 0px 20px 0px; position: relative; z-index: 10px; } .rating img ,.appraisal img { width: 20px; height: 17px; margin: 0px 1px 0px 0px; display: inline; } .rating td ,.appraisal td { padding: 0px 10px 0px 0px; } .photos { clear: both; float: left; width: 372px; margin: 0px 5px 20px 0px;} .photosBox { width: 350px; overflow: hidden; height: 90px; } .photosBox .photo { float: left; height: 90px; } .photosBox .photo td { text-align: center; vertical-align: middle; height: 90px; padding: 0px 1px 0px 2px; } .photosAll { float: left; width: 62px; font-size: 7.6pt; padding: 40px 0px 0px 0px;} .infoCont { clear: both; margin: 0px 0px 20px 0px;} .print .infoCont { clear: both; margin: 0px 0px 20px 0px; width: 500px; } .infoCont .textBlockAdress { float: left; margin: 0px 10px 0px 15px; width: 180px; } .infoCont .textBlockContact { float: left; margin: 0px 0px 0px 10px; width: 200px; } .infoCont * { color: #999;} .infoCont h3 { margin-bottom: 12px;} .infoCont p { margin-bottom: 0px;} .infoCont a:hover { color: #ff3366; } .prestige { background: url(../img/bg/prestige.jpg) 10px 0px no-repeat; padding: 10px 0px 40px 100px;} .contactSmall { width: 450px; margin: 0px 0px 0px 150px} .contactSmall .consultant .butInp { margin: 0px 20px 0px 0px; } .consultant { background: #fff; border: solid 1px #9c9c9c; padding: 16px 12px 10px 10px;} .consultant td { padding: 5px 0px 5px 0px;} .consultant .er { width: 120px; white-space: nowrap; } .consultant .textInp { width: 260px; margin: 0px 0px 0px 20px; } .consultant .textArea { width: 260px; height: 60px; margin: 0px 0px 0px 20px; } .consultant .butInp { width: 64px; height: 20px; display: block; margin: 0px 22px 0px 0px; float: right; } .consultant .close { float: right; text-align: right; margin: -5px 0px 8px 0px;} .consultant .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .consultant .close a:hover { color: #ff3366; } .vip .simpSec .gallery .galleryBox .consultant { width: 500px; } .vip .simpSec .gallery .galleryBox .consultant h2 { margin: 0px 0px 10px 120px; font-size: 10pt; color: #333;} .vip .simpSec .gallery .galleryBox .consultant .butInp { margin: 0px 90px 0px 0px; } /* registrate */ .regHead { width: 218px; display: block; float: left;} .regHead h1 , .regOk h1 { color: #d6d7e1; font-size: 26pt; margin: 0px 0px 18px 0px; } .regHead h2 { font-size: 8pt; color: #333;} .regForm { width: 535px; background: #fff; border: solid 1px #9a9a9a; float: left; padding: 30px 0px 20px 0px; margin: 0px 0px 0px 0px;} .regForm td { padding: 5px 10px 5px 10px; vertical-align: middle;} .regForm td td { padding: 0px 0px 0px 0px; vertical-align: middle;} .regForm .er { width: 180px; } .regForm h2 { margin: 0px 0px 10px 80px;} .vip .simpSec .gallery .galleryBox .regForm h2 { margin: 0px 0px 10px 80px; font-size: 10pt; color: #333;} .regForm .textInp { width: 196px; } .regForm .textArea { width: 284px; height: 80px;} .regForm .inpLong { width: 284px;} .regForm .select { margin: 0px 10px 0px 0px; width: 200px;} .regForm .inpData { width: 55px;} .regForm .inpMoun { width: 70px;} .regForm .captcha { vertical-align: middle; } .regForm .imageCaptcha img { width: 201px; display: inline;} .regForm .reloadCaptcha img { height:25px; display: inline;} .regForm .check { padding: 15px 10px 0px 10px;} .regForm .check a { float: left; display: block; background: url(../img/bg/best.gif) left center no-repeat; padding: 0px 0px 0px 24px; color: #333; } .regForm .check a.active { background: url(../img/bg/best_over.gif) left center no-repeat;} .regForm .close { float: right; text-align: right; margin: -5px 0px 8px 0px;} .regForm .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .regForm .butInp { width: 64px; height: 20px; display: block; margin: 0px 22px 0px 0px; float: right; } .regOk { height: 600px; width: 700px;} /* SECOND PAGES */ .image { width: 238px; float: left; margin: -3px 18px 10px 0px; overflow: hidden; } .image .imageTop { width: 238px; height: 19px; background: url(../img/bg/image_top.gif) left bottom no-repeat;} .image .imageBot { width: 238px; height: 20px; background: url(../img/bg/image_bot.gif) left top no-repeat;} .image .imageBox { width: 238px; background: url(../img/bg/image_box.gif) left repeat-y; padding: 0px 1px 0px 0px; } .vipGallery { width: 275px; float:right;} .vipGallery .image { width: 238px; float: none; display: block; margin: 0px 0px 4px 28px; overflow: hidden; } .vipGallery .legend { padding: 0px 0px 0px 47px; margin: 0px 0px 14px 0px;} .imageTeam { width: 150px; margin: 0px 18px 10px 0px; overflow: hidden; } .imageTeam .imageTop { width: 150px; height: 13px; background: url(../img/bg/image_team_top.gif) left bottom no-repeat;} .imageTeam .imageBot {width: 150px; height: 14px; background: url(../img/bg/image_team_bot.gif) left top no-repeat;} .imageTeam .imageBox { width: 148px; background: url(../img/bg/image_team_box.gif) left repeat-y; padding: 0px 2px 0px 0px; } .imageTeam .imageBox img { width: 121px; margin: 0px 0px 0px 13px; } .team { margin: 0px 0px 10px 0px; } .team td { vertical-align: middle;} .team td.imageTd { width: 168px; vertical-align: top; } .itemImg { clear: both; margin: 0px 0px 15px 0px; } .itemImg img { margin: 0px 0px 5px 0px; } .infoImg { clear: both; color: #666; text-align: right; margin: 0px 9px 0px 0px; font-size: 7.6pt;} .infoImg a {color: #666;} .infoImg a:hover {color: #ff6699;} .infoImgLeft { clear: both; color: #666; text-align: left; margin: 0px 9px 0px 0px; font-size: 7.6pt;} .infoImgLeft a {color: #666;} .infoImgLeft a:hover {color: #ff6699;} .itemPhotos { float: left; } .itemPhotos .photosBox { width: 640px; } .itemPhotos .borderGrey { margin: 0px 10px 0px 0px;} .itemList { margin: 0px 0px 40px 0px;} .itemList .more { margin: -15px 0px 0px 0px;} .announsInfo { padding: 40px 0px 0px 0px; height: 40px;} .announsInfo td { padding: 0px 30px 0px 0px;} .announsInfo .vc { padding: 0px 10px 0px 0px;} .announsInfo .button { margin: 7px 0px 0px 0px;} .Form { width: 690px; background: #fff; border: solid 1px #9a9a9a; padding: 10px 0px 10px 20px; margin: 20px 0px 0px 0px; clear: both;} .Form td { padding: 5px 10px 5px 10px; vertical-align: middle; white-space: nowrap;} .Form td td { padding: 0px 0px 0px 0px; vertical-align: middle;} .Form .er { width: 110px; } .Form h2 { margin: 0px 0px 10px 0px;} .Form .textInp { width: 170px; } .Form .textArea { width: 495px; height: 70px; } .Form .butInp { width: 64px; height: 20px; display: block; margin: 0px 22px 0px 0px; float: right; } .Form .close { float: right; padding: 3px 16px 0px 0px;} .Form .close a { display: block; float: right; background: url(../img/buttons/close.gif) right center no-repeat; color: #666; padding: 0px 12px 0px 0px; font-size: 7pt; } .Form .close a:hover { color: #ff3366; } .weddingInfo { padding: 25px 0px 0px 0px; height: 80px;} .weddingInfo .vb { text-align: left; height: 40px; padding: 0px 0px 10px 10px;} .weddingInfo .button { width: 120px;} .mapWedding { clear: both; width: 762px; overflow: hidden; margin: 0px 0px 20px -4px; position: relative;} .mapWedding .popup { position: absolute; background: #fff; border: solid 1px #f76394; padding: 10px 20px 0px 20px; top: 1px; left: 5px; z-index: 100; width: 711px; height: auto; } .mapWedding .popup .close { float: none; text-align: right; margin: 0px 0px 20px 0px; } .vipContact { padding: 10px 10px 0px 50px;} .vipContactBan { padding: 10px 0px 10px 50px;} /* CABINET */ .boockCab { width: 110px; display: block; float: left; padding: 120px 0px 0px 0px;} .boockCab a { height: 26px; display: block; color: #333; position: relative; background: url(../img/buttons/book_cab.gif) top left repeat-x; padding: 15px 13px 0px 18px; float: right; clear: both; white-space: nowrap; margin: 0px 0px 4px 0px; } .boockCab a .l , .boockCab a .r { height: 41px; position: absolute; top: 0px; cursor: pointer;} .boockCab a .l { width: 18px; background: url(../img/buttons/book_cab_l.gif) top left no-repeat; left: 0px;} .boockCab a .r { width: 13px; background: url(../img/buttons/book_cab_r.gif) top left no-repeat; right: 0px; } .boockCab a:hover { color: #ff6699; background: url(../img/buttons/book_cab_over.gif) top left repeat-x; color: #ff6699;} .boockCab a:hover .l { background: url(../img/buttons/book_cab_l_over.gif) top left no-repeat;} .boockCab a:hover .r {background: url(../img/buttons/book_cab_r_over.gif) top left no-repeat; } .boockCab a.active { color: #ff6699; background: url(../img/buttons/book_cab_over.gif) top left repeat-x; color: #ff6699;} .boockCab a.active .l { background: url(../img/buttons/book_cab_l_over.gif) top left no-repeat;} .boockCab a.active .r {background: url(../img/buttons/book_cab_r_over.gif) top left no-repeat; } .boxCab { width: 657px; float: left; display: block; } .boxCab h1 { color: #b8b9cf; font-size: 18pt; margin: 0px 0px 8px 0px; line-height: 36px; } .Cab { width: 657px; display: block; background: url(../img/bg/box_cab.gif) top left repeat-y; margin: 0px 0px 10px 0px;} .CabTop { width: 657px; height: 11px; background: url(../img/bg/box_cab_top.gif) top left no-repeat;} .CabBot { width: 657px; height: 12px; background: url(../img/bg/box_cab_bot.gif) top left no-repeat; margin: 0px 0px 0px 0px;} .CabBox { width: 657px; background: url(../img/bg/box_cab_box.gif) bottom left repeat-x; } .CabBox .rasp { height: 220px; width: 0px; display: block; float: left; } .exit { height: 32px; } .exit a { float: right;} .CabContent { width: 590px; float: left; padding: 20px 0px 20px 30px; } .CabContent .regForm { background: none; border: none; float: none; padding: 0px 0px 0px 0px;} .CabContent .regForm .butInp { width: 161px; height: 25px; display: block; background: url(../img/buttons/save.gif) 0px 0px no-repeat; text-align: center; float: right; color: #333; font-size: 7.6pt; font-weight: bold; vertical-align: top; padding: 0px 0px 5px 0px; */ padding: 0px 0px 0px 0px; cursor: pointer; } .CabElectBooks { width: 657px; height: 32px; background: url(../img/bg/cab_elect_books.gif) bottom left no-repeat; padding: 5px 0px 0px 40px; overflow: hidden; } .CabElectBooks a { height: 32px; display: block; color: #333; position: relative; background: url(../img/buttons/elect.gif) top left repeat-x; padding: 12px 23px 0px 23px; float: left; white-space: nowrap; margin: 0px 10px 0px 0px; } .CabElectBooks a .l , .CabElectBooks a .r { height: 32px; position: absolute; top: 0px; cursor: pointer;} .CabElectBooks a .l { width: 23px; background: url(../img/buttons/elect_l.gif) top left no-repeat; left: 0px;} .CabElectBooks a .r { width: 23px; background: url(../img/buttons/elect_r.gif) top left no-repeat; right: 0px; } .CabElectBooks a:hover { color: #ff6699; background: url(../img/buttons/elect_over.gif) top left repeat-x; color: #ff6699;} .CabElectBooks a:hover .l { background: url(../img/buttons/elect_l_over.gif) top left no-repeat;} .CabElectBooks a:hover .r {background: url(../img/buttons/elect_r_over.gif) top left no-repeat; } .CabElectBooks a.active { color: #ff6699; background: url(../img/buttons/elect_over.gif) top left repeat-x; color: #ff6699;} .CabElectBooks a.active .l { background: url(../img/buttons/elect_l_over.gif) top left no-repeat;} .CabElectBooks a.active .r {background: url(../img/buttons/elect_r_over.gif) top left no-repeat; } .CabElec{ width: 657px; display: block; background: url(../img/bg/cab_elec.gif) top left repeat-y; clear: both;} .CabElecTop { height: 11px; width: 657px; background:url(../img/bg/cab_elec_top.gif) top left no-repeat;} .CabElecBot { height: 11px; width: 657px; background:url(../img/bg/cab_elec_bot.gif) top left no-repeat;} .CabElecBox { width: 657px; background: url(../img/bg/cab_elec_box.gif) top left no-repeat;} .electContent {width: 600px; float: left; padding: 0px 0px 20px 30px; clear: both;} .all { height: 14px; margin: 0px 10px 10px 0px;} .all a { color: #009999; background: url(../img/markers/next.gif) center right no-repeat; padding: 0px 12px 0px 0px; float: right; font-size: 7pt;} .all a:hover { color: #ff6699; background: url(../img/markers/next_over.gif) center right no-repeat; } .electLinksBlock { clear: both; margin: 0px 0px 20px 0px; } .electLinksHead { width: 600px; margin: 0px 0px 10px 0px;} .electLinksHeadTop { height: 14px;width: 593px; background: url(../img/bg/elec_links_top.gif) top left no-repeat;} .electLinksHeadBot { height: 14px; width: 593px;background: url(../img/bg/elec_links_bot.gif) top left no-repeat; margin: -3px 0px 0px 0px;} .electLinksHeadBox { width: 593px; background: url(../img/bg/elec_links_box.gif) left repeat-y; margin: -3px 0px 0px 0px;} .electLinksHeadBox table { width: 593px; } .electLinksHeadBox h2 { color: #b8b9cf; font-size: 11pt; margin: 0px 0px 0px 0px; width: 460px; float: left; padding: 0px 0px 0px 22px;} .electLinksHeadBox .close { float: right; padding: 3px 16px 0px 0px;} .electLinksHeadBox .close a { display: block; float: right; background: url(../img/buttons/close_popup.gif) right center no-repeat; color: #666; padding: 0px 12px 0px 0px; font-size: 7pt; } .electLinksHeadBox .close a:hover { color: #ff3366; } .CabElecBox .electLinksHeadBox .delete { padding: 3px 30px 0px 15px;} .electLinksHeadBox .open { float: right; padding: 3px 16px 0px 0px;} .electLinksHeadBox .open a { display: block; float: right; background: url(../img/markers/next_over.gif) right bottom no-repeat; color: #666; padding: 0px 12px 0px 0px; font-size: 7pt; } .electLinksHeadBox .open a:hover {color: #ff6699; } .electLinksHeadBox .text { clear: both; padding: 100px; padding: 8px 0px 0px 22px; font-weight: bold;} .CabElecBox .place { width: 195px; height: 200px; } .CabElecBox .place .city { padding: 0px 20px 0px 15px; margin: 0px 0px 8px 0px; float: left; width: 80px;} .CabElecBox .delete { padding: 1px 14px 0px 15px; float: right;} .CabElecBox .delete a { color: #999; font-size: 7pt;} .CabElecBox .delete a:hover { color: #ff3366;} .CabElecBox .placeObj { display: block; text-align: center; color: #666; margin: 0px 0px 3px 0px; padding: 12px 0px 0px 0px; overflow: hidden; width: 195px; height: 146px; background: url(../img/bg/elect_block.gif) left top no-repeat; } .CabElecBox .placeObj:hover { color: #000; background: url(../img/bg/elect_block_over.gif) left top no-repeat;} .CabElecBox .placeObj img { margin: 0px 4px 6px 0px; height: 112px;} .CabElecBox .place .novelty { position: absolute; right: -10px; bottom: 45px; width: 71px; height: 65px;} .CabElecBox .place .rating { float: none; width: auto; margin: 0px 0px 5px 14px; } .CabElecBox .place .rating img {margin: 0px 0px 0px 0px;} /* TABLE */ .bgPink { width: 752px; margin: 0px 0px 10px 0px; clear: both;} .bgPink td , .bgPink th { padding: 6px 20px 6px 20px; } .bgPink th { color: #ff6699; font-size: 10pt; font-weight: bold;} .bgPink .color td { background: #fedff9;} .bgGrey { width: 752px; margin: 0px 0px 10px 0px; clear: both; } .bgGrey td , .bgGrey th { padding: 6px 20px 6px 20px;} .bgGrey th { color: #333; font-size: 10pt; font-weight: bold;} .bgGrey .color td { background: #e7e6e6;} .popupAtalan { position: absolute; background: #fff; border: solid 1px #999; padding: 7px 10px 0px 16px; bottom: 0px; right: 0px; z-index: 100; width: 616px;text-align:left;} .popupAtalan .text { padding: 0px 0px 10px 0px; margin: 0px 30px 0px 0px; float: left; font-size: 7.6pt;} .popupAtalan .close { float: right; text-align: right; margin: -3px 0px 0px 0px;} .popupAtalan .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupAtalan .close a:hover { color: #ff3366; } /* POPUP */ .popup { position: absolute; background: #fff; border: solid 1px #999; padding: 7px 10px 0px 16px; top: 14px; right: 90px; z-index: 100; width: 616px; height: 64px; } .password { width: 716px; } .popup h2 { float: left; white-space: nowrap; font-size: 9pt; } .popup .imageWait {float:left; margin: 30px 55px 0px -25px; } .popup .imageWait img {display:none; position:absolute;} .popup .text { width: 220px; padding: 0px 0px 10px 0px; margin: 0px 30px 0px 0px; float: left; font-size: 7.6pt;} .popup .form { width: 400px; padding: 0px 0px 2px 0px; float: left;} .password .form { width: 220px; } .popup .butInp { width: 64px; height: 20px; display: block; margin: 12px 0px 0px 0px; } .password .butInp { margin: 1px 0px 0px 0px; } .popup .textInp { width: 160px; margin: 0px 20px 0px 0px; } .popup .close { float: right; text-align: right; margin: -3px 0px 0px 0px;} .popup .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popup .close a:hover { color: #ff3366; } .popup a img { display: inline;} .popup .more { font-size: 8pt;} .popup b { font-size: 8pt;} .popup td { padding: 0px 0px 8px 0px;} .place .popupPlace { position: absolute; left: 14px; bottom: 32px; width: 205px; } .place .popupPlaceTop { height: 6px; background: url(../img/bg/popup_place_top.gif) bottom left no-repeat;} .place .popupPlaceBot { height: 6px; background: url(../img/bg/popup_place_bot.gif) top left no-repeat;} .place .popupPlaceBox { background: url(../img/bg/popup_place_box.gif) left repeat-y;} .placeVert .popupPlace { position: absolute; left: 1px; bottom: 26px; width: 164px; } .placeVert .popupPlaceTop { height: 6px; background: url(../img/bg/popup_place_vert_top.gif) bottom left no-repeat;} .placeVert .popupPlaceBot { height: 6px; background: url(../img/bg/popup_place_vert_bot.gif) top left no-repeat;} .placeVert .popupPlaceBox { background: url(../img/bg/popup_place_vert_box.gif) left repeat-y;} .popupPlaceBox .text { padding: 0px 10px 8px 10px; clear: both;} .popupPlaceBox .close { float: right; text-align: right; margin: 0px 10px 8px 0px;} .popupPlaceBox .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupPlaceBox .close a:hover { color: #ff3366; } .popupGrey { position: absolute; width: 231px; bottom: 20px; left: 0px; } .popupGreyTop { height: 6px; background: url(../img/bg/popup_grey_top.gif) bottom left no-repeat;} .popupGreyBot { height: 6px; background: url(../img/bg/popup_grey_bot.gif) top left no-repeat;} .popupGreyBox { background: url(../img/bg/popup_grey_box.gif) left repeat-y;} .popupGreyBox .text { padding: 0px 10px 8px 10px; clear: both;} .popupGreyBox .close { float: right; text-align: right; margin: 0px 10px 8px 0px;} .popupGreyBox .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupGreyBox .close a:hover { color: #ff3366; } .popupFav { position: absolute; width: 231px; left: 340px; top: 41px; z-index: 300px; } .popupFavTop { height: 6px; background: url(../img/bg/popup_grey_top.gif) bottom left no-repeat;} .popupFavBot { height: 6px; background: url(../img/bg/popup_grey_bot.gif) top left no-repeat;} .popupFavBox { background: url(../img/bg/popup_grey_box.gif) left repeat-y;} .popupFavBox .text { padding: 0px 10px 8px 10px; clear: both;} .popupFavBox .close { float: right; text-align: right; margin: 0px 10px 8px 0px;} .popupFavBox .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupFavBox .close a:hover { color: #ff3366; } .placeVert .popupPlace { position: absolute; left: 1px; bottom: 26px; width: 164px; } .placeVert .popupPlaceTop { height: 6px; background: url(../img/bg/popup_place_vert_top.gif) bottom left no-repeat;} .placeVert .popupPlaceBot { height: 6px; background: url(../img/bg/popup_place_vert_bot.gif) top left no-repeat;} .placeVert .popupPlaceBox { background: url(../img/bg/popup_place_vert_box.gif) left repeat-y;} .popupPlaceBox .text { padding: 0px 10px 8px 10px; clear: both;} .popupPlaceBox .close { float: right; text-align: right; margin: 0px 10px 8px 0px;} .popupPlaceBox .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupPlaceBox .close a:hover { color: #ff3366; } .popupFriend { background: #fff; border: solid 1px #9c9c9c; padding: 16px 12px 10px 22px; position: absolute; left: 340px; top: 41px; z-index: 300px; width: 395px;} .simpSec .popupFriend { top: 29px; } .popupFriend td { padding: 5px 0px 5px 0px;} .popupFriend .er { width: 100px; white-space: nowrap; } .popupFriend .textInp { width: 260px; margin: 0px 0px 0px 20px; } .popupFriend .textArea { width: 260px; height: 60px; margin: 0px 0px 0px 20px; } .popupFriend .butInp { width: 64px; height: 20px; display: block; margin: 0px 22px 0px 0px; float: right; } .popupFriend .close { float: right; text-align: right; margin: -5px 0px 8px 0px;} .popupFriend .close a { color: #333; background: url(../img/buttons/close.gif) bottom right no-repeat; padding: 0px 14px 0px 0px; font-size: 7.6pt; } .popupFriend .close a:hover { color: #ff3366; } .vip .simpSec .gallery .galleryBox .popupFriend h2 { margin: 0px 0px 10px 80px; font-size: 10pt; color: #333;} /* Gallery POPUP */ .popupGallery { position: absolute; top: 0px; left: 0px; z-index: 999;} .blackPopup { background: #757575; width: 100%; display: block; filter: alpha(opacity=60); opacity: .6; position: absolute; top: 0px; left: 0px; z-index: 500;} .popupGallery .Vert { width: 407px; height: 670px; position: relative;} .popupGallery .Gor { width: 572px; height: 460px; position: relative;} .popupGallery .Gor .fon { width: 572px; height: 460px; position: absolute; top: 0px; left: 0px;} .popupGallery .Vert .fon { width: 407px; height: 670px; position: absolute; top: 0px; left: 0px;} .popupGallery .close { position: absolute; top: 15px; right: 18px;} .popupGallery .close a { display: block; float: right; background: url(../img/buttons/close_popup.gif) right center no-repeat; color: #333; padding: 0px 10px 0px 0px; font-size: 7pt; } .popupGallery .close a:hover { color: #ff3366; } .popupGallery .next , .popupGallery .prev { position: absolute; top: 280px; width: 7px; height: 11px;} .popupGallery .next img , .popupGallery .prev img { display: block; width: 7px; height: 11px; } .popupGallery .prev { left: 18px; } .popupGallery .next { right: 18px; } .popupGallery .Vert .prev , .popupGallery .Vert .next { top: 280px; } .popupGallery .Gor .prev , .popupGallery .Gor .next { top: 190px; } .popupGallery .number { position: absolute; right: 35px; font-size: 7.6pt; } .popupGallery .Vert .number { top: 550px; } .popupGallery .Gor .number { top: 384px; } .popupGallery .legend { position: absolute; left: 35px; font-size: 7.6pt; width: 270px; text-align: left; } .popupGallery .Vert .legend { top: 550px; } .popupGallery .Gor .legend { top: 384px; } .popupGallery .Vert .photo { position: absolute; top: 38px; left: 37px; overflow: hidden;} .popupGallery .Gor .photo { position: absolute; top: 38px; left: 36px; overflow: hidden;} .popupGallery .photo table td { text-align: center; vertical-align: middle;} .popupGallery .Vert .photo { width: 333px; height: 500px; } .popupGallery .Vert .photo table td { width: 333px; height: 500px; } .popupGallery .Gor .photo { width: 500px; height: 333px; } .popupGallery .Gor .photo table td { width: 500px; height: 333px; } /* FORMS */ .textInp { background: #f4f4f4; border: solid 1px #666; height: 14px; padding: 2px 2px 0px 2px; font-size: 7.6pt; color: #333; } .radioInp { margin: 0px 4px 0px 20px; */margin: 0px 4px 0px 15px;} .textArea {background: #f4f4f4; border: solid 1px #666; padding: 2px 2px 0px 2px; font-size: 7.6pt; color: #333; } .select { background: #f4f4f4; border: solid 1px #666; font-size: 7.6pt; color: #333; height: 18px; } .radio { margin: 0px 6px 0px 0px; */margin: 0px 2px 0px 0px; } /* NAVIGATION */ .navigationPages { text-align: right; color: #009999; font-weight: bold; font-size: 7.6pt; margin: 0px 56px 0px 0px;} .navigationPages a { color: #009999; font-weight: normal; margin: 0px 4px 0px 4px;} .navigationPages a:hover { color: #ff6699; font-weight: normal;} .navigationPages a.active { font-weight: bold;} .navigationPages span { margin: 0px 15px 0px 6px;} .navigationPages a.prev { margin: 0px 5px 0px 15px; } .navigationPages a.next { margin: 0px 0px 0px 5px;} .electContent .navigationPages { margin: 0px 14px 0px 0px;} .electContent .navigationPages a.prev { margin: 0px 15px 0px 0px; } .electContent .navigationPages a.next { margin: 0px 0px 0px 15px;} .navigationArticles { text-align: right; color: #009999; font-weight: bold; font-size: 7.6pt; margin: 0px 0px 10px 0px;} .navigationArticles a { color: #009999; font-weight: normal; margin: 0px 4px 0px 4px;} .navigationArticles a:hover { color: #ff6699; font-weight: normal;} .navigationArticles a.active { font-weight: bold;} .navigationArticles a.prev { margin: 0px 5px 0px 15px;} .navigationArticles a.next { margin: 0px 0px 0px 5px;} .navigationNextPrev { position: absolute; right: 0px; bottom: 28px; display: block; height: 27px; background: url(../img/bg/navigation_next_prev.gif) top repeat-x; margin: -3px 0px 0px 0px; } .navigationNextPrev td { font-size: 7.6pt; } .navigationNextPrev .Left { width: 20px; height: 27px; background: url(../img/bg/navigation_next_prev_l.gif) 0px 0px no-repeat; } .navigationNextPrev .Right { width: 17px; height: 27px; background: url(../img/bg/navigation_next_prev_r.gif) 0px 0px no-repeat;} .navigationNextPrev a {display: block; padding-top: 7px;} .navigationNextPrev a.prev { float: left; margin: 0px 5px 0px 0px;} .navigationNextPrev a.next { float: right; margin: 0px 0px 0px 5px; } .simpSec .navigationNextPrev { bottom: 6px;} a.prev { padding-left: 12px; background: url(../img/markers/prev.gif) left bottom no-repeat; color: #009999; } a.prev:hover { background: url(../img/markers/prev_over.gif) left bottom no-repeat; color: #ff6699;} a.next { padding-right: 12px; background: url(../img/markers/next.gif) right bottom no-repeat; color: #009999; } a.next:hover { background: url(../img/markers/next_over.gif) right bottom no-repeat; color: #ff6699;} .backAnn { float: left; width: 140px; height: 27px; padding: 0px 0px 0px 12px; } .backAnn .r { background:transparent url(../img/buttons/button_r.gif) no-repeat scroll left top; left:132px; width:20px; cursor:pointer; height:27px; position:absolute; top:0; } .butLeft { padding: 5px 20px 0px 31px;} .backAnn .l { background:transparent url(../img/buttons/button_left_l.gif) no-repeat scroll left top; width:31px; cursor:pointer; height:27px; position:absolute; top:0; left:12px; } .backAnnhover .l { background: url(../img/buttons/button_left_l_over.gif) top left no-repeat;} .backAnnhover a {color: #ff6699;} .refresh { float: right; padding: 0px 6px 0px 0px;} /* LINKS */ .more { color: #ff6699; } .more:hover { color: #ff3366; } .more img { display: inline; margin: 0px 0px 0px 5px;} .lightbox { color: #ff6699; } .lightbox:hover { color: #ff3366; } .lightbox img { display: inline; margin: 0px 0px 0px 5px;} .galleryTop .links { position: absolute; right: 0px; bottom: 6px; height: 27px; background: url(../img/bg/gallery_top_links.gif) top repeat-x; z-index: 50px; } .galleryTop .links .Left { width: 20px; height: 27px; background: url(../img/bg/gallery_top_links_l.gif) 0px 0px no-repeat; } .galleryTop .links .Right { width: 17px; height: 27px; background: url(../img/bg/gallery_top_links_r.gif) right top no-repeat;} .simpSec .galleryTop .links .Right { background: url(../img/bg/gallery_top_links_r_sec.gif) right top no-repeat;} .galleryTop .links td a { display: block; font-size: 7.6pt; color: #009999; margin: 7px 12px 0px 12px; } .galleryTop .links td a:hover { color: #ff6699;} .galleryTop .links .greenLink { font-size: 7.6pt; color: #009999; margin: 7px 7px 0px 12px; } .galleryTop .links .greenLink:hover { color: #ff6699;} .galleryTop .links .green { display: block; font-size: 7.6pt; color: #009999; margin: 7px 12px 0px 12px; } .galleryBot .links { position: absolute; right: 0px; bottom: -16px; height: 27px; background: url(../img/bg/gallery_bot_links.gif) top repeat-x; z-index: 50px; } .galleryBot .links .Left { width: 20px; height: 27px; background: url(../img/bg/gallery_bot_links_l.gif) 0px 0px no-repeat; } .galleryBot .links .Right { width: 17px; height: 27px; background: url(../img/bg/gallery_bot_links_r.gif) right top no-repeat;} .galleryBot .links td a { display: block; font-size: 7.6pt; color: #009999; margin: 8px 12px 0px 12px; } .galleryBot .links td a:hover { color: #ff6699;} .print { background: url(../img/markers/print.gif) right top no-repeat; padding: 0px 22px 4px 0px;} .links .favorit { background: url(../img/markers/favorit.gif) left center no-repeat; padding: 0px 10px 4px 20px; font-size: 7.6pt; color: #009999; margin: 7px 0px 0px 7px; } .links .choose { background: url(../img/markers/choose_over.gif) right center no-repeat; padding: 0px 16px 0px 0px; font-size: 7.6pt; color: #666; } .galleryTop .links td .odnoklassniki { background: url(../img/markers/odnoklassniki.gif) right top no-repeat; padding: 0px 22px 4px 0px; color: #999; margin: 7px 10px 0px 3px;} .galleryTop .links td .mail { background: url(../img/markers/mail.gif) right top no-repeat; padding: 0px 18px 4px 0px; color: #999; margin: 7px 0px 0px 7px; } .galleryTop .links td .mail:hover { background: url(../img/markers/mail_over.gif) right top no-repeat; } .galleryTop .links .sep { width: 1px; background: url(../img/bg/gal_links_sep.gif) 0px 0px no-repeat;} .galleryTop .links .slash { width: 9px; background: url(../img/bg/gal_links_slash.gif) 0px 0px no-repeat;} .back { height: 40px; width: 740px; text-align: right; clear: both;} .back a { display: block; height: 21px; color: #ff6699; padding: 7px 34px 0px 0px; background: url(../img/buttons/back.gif) top right no-repeat; font-size: 7.6pt;} .back a:hover { background: url(../img/buttons/back_over.gif) top right no-repeat; color: #ff3366;} /* BUTTONS */ .button { height: 27px; display: block; color: #333; position: relative; font-size: 7.6pt; background: url(../img/buttons/button.gif) top left repeat-x; padding: 5px 20px 0px 20px;} .button:hover { color: #ff6699; } .button .l , .button .r { height: 27px; position: absolute; top: 0px; cursor: pointer;} .button .l { width: 20px; background: url(../img/buttons/button_l.gif) top left no-repeat; left: 0px;} .button .r { width: 20px; background: url(../img/buttons/button_r.gif) top left no-repeat; right: 0px; } .butLeft { padding: 5px 20px 0px 31px;} .butLeft .l { width: 31px; background: url(../img/buttons/button_left_l.gif) top left no-repeat; } .butLeft:hover .l { background: url(../img/buttons/button_left_l_over.gif) top left no-repeat;} .butGold { background: url(../img/buttons/button_gold.gif) top left repeat-x; } .butGold .l { background: url(../img/buttons/button_gold_l.gif) top left no-repeat; } .butGold .r { background: url(../img/buttons/button_gold_r.gif) top left no-repeat; } .butGold:hover { color: #666; background: url(../img/buttons/button_gold_over.gif) top left repeat-x;} .butGold:hover .l { background: url(../img/buttons/button_gold_l_over.gif) top left no-repeat; } .butGold:hover .r { background: url(../img/buttons/button_gold_r_over.gif) top left no-repeat; } .butGrey { background: url(../img/buttons/button_grey.gif) top left repeat-x; height: 25px; color: #666; font-size: 8pt; padding: 9px 20px 0px 20px; } .butGrey .l { background: url(../img/buttons/button_grey_l.gif) top left no-repeat; height: 32px;} .butGrey .r { background: url(../img/buttons/button_grey_r.gif) top left no-repeat; height: 32px;} .butGrey:hover { color: #666; background: url(../img/buttons/button_grey_over.gif) top left repeat-x; color: #ff3366;} .butGrey:hover .l { background: url(../img/buttons/button_grey_l_over.gif) top left no-repeat; } .butGrey:hover .r { background: url(../img/buttons/button_grey_r_over.gif) top left no-repeat; } .butPink { background: url(../img/buttons/button_pink.gif) top left repeat-x; color: #333; font-size: 8pt; padding: 5px 16px 0px 16px; } .butPink .l { background: url(../img/buttons/button_pink_l.gif) top left no-repeat; width: 16px; } .butPink .r { background: url(../img/buttons/button_pink_r.gif) top right no-repeat; width: 16px; } .butPink:hover { background: url(../img/buttons/button_pink.gif) top left repeat-x; color: #ff3366;} .butPink:hover .l { background: url(../img/buttons/button_pink_l.gif) top left no-repeat; } .butPink:hover .r { background: url(../img/buttons/button_pink_r.gif) top right no-repeat; } .butWhite { background: url(../img/buttons/button_whihe.gif) top left repeat-x; color: #333; font-size: 8pt; padding: 5px 16px 0px 16px; } .butWhite .l { background: url(../img/buttons/button_whihe_l.gif) top left no-repeat; width: 16px; } .butWhite .r { background: url(../img/buttons/button_whihe_r.gif) top right no-repeat; width: 16px; } .butWhite:hover { background: url(../img/buttons/button_whihe.gif) top left repeat-x; color: #ff3366;} .butWhite:hover .l { background: url(../img/buttons/button_whihe_l.gif) top left no-repeat; } .butWhite:hover .r { background: url(../img/buttons/button_whihe_r.gif) top right no-repeat; } .butWhiteActive { background: url(../img/buttons/button_whihe_active.gif) top left repeat-x; color: #ff6699; font-size: 8pt; padding: 5px 16px 0px 16px; } .butWhiteActive .l { background: url(../img/buttons/button_whihe_active_l.gif) top left no-repeat; width: 16px; } .butWhiteActive .r { background: url(../img/buttons/button_whihe_active_r.gif) top right no-repeat; width: 16px; } .butWhiteActive:hover { background: url(../img/buttons/button_whihe_active.gif) top left repeat-x; color: #ff3399;} .butWhiteActive:hover .l { background: url(../img/buttons/button_whihe_active_l.gif) top left no-repeat; } .butWhiteActive:hover .r { background: url(../img/buttons/button_whihe_active_r.gif) top right no-repeat; } .butCab { background: url(../img/buttons/button_cab.gif) top left repeat-x; padding: 5px 16px 0px 35px; float: right; color: #ff6699; } .butCab .l { background: url(../img/buttons/button_cab_l.gif) top left no-repeat; width: 35px; } .butCab .r { background: url(../img/buttons/button_cab_r.gif) top right no-repeat; width: 10px; } .butCab:hover { color: #666; background: url(../img/buttons/button_cab_over.gif) top left repeat-x; color: #ff3366;} .butCab:hover .l { background: url(../img/buttons/button_cab_l_over.gif) top left no-repeat; } .butCab:hover .r { background: url(../img/buttons/button_cab_r_over.gif) top right no-repeat; } .butCabActive { background: url(../img/buttons/button_cab_active.gif) top left repeat-x; padding: 5px 16px 0px 35px; float: right; color: #ff6699; } .butCabActive .l { background: url(../img/buttons/button_cab_active_l.gif) top left no-repeat; width: 35px; } .butCabActive .r { background: url(../img/buttons/button_cab_active_r.gif) top right no-repeat; width: 10px; } .butCabActive:hover { color: #666; background: url(../img/buttons/button_cab_over.gif) top left repeat-x; color: #ff3366;} .butCabActive:hover .l { background: url(../img/buttons/button_cab_l_over.gif) top left no-repeat; } .butCabActive:hover .r { background: url(../img/buttons/button_cab_r_over.gif) top right no-repeat; } /* ALL */ .norm { font-weight: normal;} .under { text-decoration: underline;} .upper { text-transform: uppercase;} .red { color: #ff6699;} .redError { color: #ff6699; margin: 0px 0px 0px 20px;} .grey { color: #999;} .hr { height: 1px; overflow: hidden; background: #d5d5d5; margin: 0px 0px 20px 0px; } .nobr {white-space: nowrap; } .w100 { width: 100%; } .w650 { width: 650px; } .w50 { width: 370px;} .w33 { width: 200px; margin: 0px 40px 20px 0px;} td.w33 { width: 200px;} td.w25 { width: 25%;} .vc { vertical-align: middle;} td.vc { vertical-align: middle;} td.vt { vertical-align: top;} td.vb { vertical-align: bottom;} td.el { text-align: left;} td.er { text-align: right;} td.ec { text-align: center;} .fl { float:left;} .fr { float: right; text-align: right; } .fn { float: none;} .cb { clear: both;} .pr { position: relative; } .pa { position: absolute; } .newclass { position: absolute; }