* { font-size: 10px; } td { padding: 0; } a { color: #FFFFFF; font-weight: bold; text-decoration: none; } img { border: 0; } body { font-family: Arial, Tahoma, Verdana; overflow-x: hidden; overflow-y: auto; background-color: #000000; color: #FFFFFF; margin: 0; padding: 0; background-image: url('pic/bg.gif'); } form { margin: 0; padding: 0; } .Slider /* Slide container itself */ { height: 715px; width: 770px; position: absolute; } /* Langs */ .Langs { vertical-align: top; padding-left: 23px; /*padding-bottom: 28px;*/ /*padding-right: 57px;*/ white-space: nowrap; font-size: 12px; } .Langs a { font-weight: bold; font-size: 12px; } /* Langs end */ /* Page header */ .Header { height: 90px; } .Header .Slogan { vertical-align: top; width: 100%; padding-left: 23px; padding-top: 3px; font-size: 18px; font-weight: bold; } .Header .Logo { vertical-align: top; } .Header table { height: 90%; width: 100%; } .HeaderSub /* Header for second page */ { vertical-align: top; width: 100%; padding-left: 23px; padding-top: 28px; font-size: 18px; font-weight: bold; } /* Page header end */ /* Brands */ .Brands { vertical-align: top; } .Brands table { width: 100%; background-color: #1a1919; /* height: 124px; */ } .Brands table td { width: 14%; text-align: center; vertical-align: middle; padding: 15 20 15 20; } .BrandLogo { text-align: left !important; vertical-align: middle !important; /* width: 90px; */ /*padding: 0 20 0 20;*/ } /* Brands end */ .Body /* dark-grey body container */ { vertical-align: top; padding: 6px; background-color: #1a1919; } /* Main menu */ .MainMenu { width: 100%; } .MainMenuItemSelected { background-color: #8A8888 !important; color: #000000; cursor: default !important; } .MainMenu .Spacer { height: 7px; background-color: transparent; padding: 0; } .MainMenu td { cursor: pointer; font-size: 24px; font-weight: bold; padding: 8px; padding-left: 30px; background-color: #000000; } /* Main Menu end */ /* Various tables that form site's main structure */ .ContentTable { width: 100%; height: 400px; border: 1px solid #525151; } .ContentTableSub { height: 531px; } .ContentTableLeft { vertical-align: top; } .ContentTableLeftSub { padding-top: 0px !important; width: 340px; vertical-align: top; } .MapTable { width: 395px; } .ContentTableRight { vertical-align: top; } .ContentTableRightSub { width: 370px; padding-top: 6px; padding-left: 20px; vertical-align: top; } .ContentTableBottomSub { height: 231px; vertical-align: top; } /* Various tables that form site's main structure end */ .Map { vertical-align: top; height: 250px; background-image: url('img/map1.gif'); background-repeat: no-repeat; } /* Main content */ .PageTitle { font-size: 24px; font-weight: bold; } .PageContent p { font-size: 12px; padding-top: 0; margin-top: 0; margin-bottom: 18px; } .PageContent .FirstParagraph { font-size: 18px; } /* Main content end */ /* Shops list */ .Location { padding-top: 5px; padding-bottom: 15px; font-size: 12px; font-weight: bold; } .Selected { color: #989696; } .ShopsList { width: 100%; } .ShopsList td { padding-right: 15px; padding-bottom: 12px; width: 50%; } .ShopsList img { display: block; margin-bottom: 7px; } .ShopsListContainer { height: 160px; width: 320px; overflow-y: scroll; overflow-y: scroll; } .ShopAddress { font-size: 12px; } /* Shops list end */ .BlockTitle { font-size: 18px; font-weight: bold; vertical-align: top; } /* Brand info */ .BrandInfo { vertical-lign: top; padding-top: 1px; height: 150px; } .BrandInfo img { margin-bottom: 10px; display: block; } .TotalShops { margin-top: 12px; } .TotalShops td { padding-bottom: 2px; padding-right: 13px; } /* Brand info end */ /* Photo gallery */ .PhotoGallery { margin-top: 15px; } .Photo { padding: 3px; border: 1px solid #8A8888; } .PhotoSelector { width: 23px; vertical-align: top; padding-left: 12px; padding-top: 3px; } .PhotoSelector img { margin-bottom: 8px; } /* Photo gallery end */ /* News List */ .NewsList { width: 100%; } .NewsList .Date { width: 80px; vertical-align: top; color: #8D8C8C; padding-bottom: 12px; } .NewsList .Txt { vertical-align: top; padding-bottom: 12px; } /* News List */ /* Page footer */ .Footer { width: 100%; height: 88px; vertical-align: top; } .Footer td { vertical-align: top; padding-top: 10px; } .Address { width: 182px; } .Mail { width: 182px; padding-right: 10px; } .Mail input { margin-top: 15px; width: 170px; font-size: 10px; background-color: transparent; border: 1px solid #6E6D6D; color: #6E6D6D; } .Logo { width: 426px; padding-left: 32px; } /* Page footer end */ /* scrolling area 1 (shops list) */ #wn1 { position: absolute; left: 0px; top: 0px; width: 310px; height: 150px; overflow: hidden; z-index: 0; } #lyr1 { width: 300px; position: absolute; visibility: hidden; left: 0; top: 0; z-index: 0; } #holder1 { position: relative; left: 0; top: 0; width: 318px; height: 150px; overflow: hidden; z-index: 0; padding: 0; } #scrollbar1 { top: -150px; left: 302px; position: relative; margin-bottom: -145px; width: 11px; height: 145px; z-index: 2; } #track1 { position: relative; left: 0; top: 0; width: 10px; height: 145px; background: url("pic/.gif") repeat; z-index: 1; } #dragBar1 { position: relative; left: 1px; top: 1px; width: 15px; height: 28px; background: url('pic/scroller.gif') repeat; z-index: 3; } #up1 { position:relative; left:0; top:0; z-index:2;} #down1 { position:relative; left:0; bottom:0; z-index:3;} /* scrolling area end 1 */ /* scrolling area 2 (news list) */ #wn2 { position: absolute; left: 0px; top: 0px; width: 338px; height: 192px; overflow: hidden; z-index: 0; } #lyr2 { width: 338px; position: absolute; visibility: hidden; left: 0; top: 0; z-index: 0; padding: 0; } #holder2 { position: relative; left: 0; top: 0; width: 346px; height: 192px; overflow: hidden; z-index: 0; padding: 0; } #scrollbar2 { top: -190px; left: 353px; position: relative; margin-bottom: -187px; width: 11px; height: 187px; z-index: 2; } #track2 { position: relative; left: 0; top: 0; width: 10px; height: 187px; background: url("pic/.gif") repeat; z-index: 1; } #dragBar2 { position: relative; left: 1px; top: 1px; width: 15px; height: 28px; background: url('pic/scroller.gif') repeat; z-index: 3; } #up2 { position:relative; left:0; top:0; z-index:2;} #down2 { position:relative; left:0; bottom:0; z-index:3;} /* scrolling area end 2 */ /* scrolling area 3 (page main content) */ #wn3 { position: absolute; left: 0px; top: 0px; width: 698px; height: 230px; overflow: hidden; z-index: 0; } #lyr3 { width: 698px; position: absolute; visibility: hidden; left: 0; top: 0; z-index: 0; padding: 0; } #holder3 { position: relative; left: 0; top: 0; width: 706px; height: 230px; overflow: hidden; z-index: 0; padding: 0; } #scrollbar3 { top: -230px; left: 710px; position: relative; margin-bottom: -230px; width: 11px; height: 230px; z-index: 2; } #track3 { position: relative; left: 0; top: 0; width: 10px; height: 230px; background: url("pic/.gif") repeat; z-index: 1; } #dragBar3 { position: relative; left: 1px; top: 1px; width: 15px; height: 28px; background: url('pic/scroller.gif') repeat; z-index: 3; } #up3 { position:relative; left:0; top:0; z-index:2;} #down3 { position:relative; left:0; bottom:0; z-index:3;} /* scrolling area end 3 */ .ChooseCountry img { margin-bottom: 13px; cursor: pointer; cursor: hand; }