/* Theme Name: VDS Theme Theme URI: http://vellkan.pl Description: ... Version: 1.0 Author: Igor Chudy Author URI: http://igorchudy.pl/ Tags: Text Domain: vellkan */ body {height: 100%; width: 100%; background: #f6f4ed url(images/Bck.png) center top repeat-x; color: #1c2837; font: normal 13px arial, verdana, tahoma, sans-serif; position: relative;} html, body {width: 100%; height: 100%;} /* Reset ---------------------------------------------------- */ a, abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } a, ins, del { text-decoration: none; } ul, ol { list-style: none; } table { border-spacing: 0; border-collapse: collapse; } caption, th { text-align: left; } q:after, q:before { content: ""; } :focus { outline: 0; } blockquote, q {quotes: "" "";} .clear { clear: both; } /* For modern browsers - clearfix for floating elements */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Custom ----------------------------------------------------------------------- */ #Container {width: 1250px; margin: 0 auto; } #Top {width: 100%; display:block; clear:both; background: url(https://www.webhostingtalk.pl//public/style_images/wht/PartnerzyTopTitle.png) 234px 18px no-repeat; height: 93px;} #Top h1 a {display: block; float:left; width: 217px; height: 72px; text-indent: -9000px; background: url(images/WebHostingTalk-Logo.png) left top no-repeat; margin: 20px 0;} #Top #PartnersTop {display: block; float:left; margin: 10px 0 0 30px;} #Top #PartnersTop li {display: block; float:left; margin: 0 0 0 15px; position: relative;} #Top #PartnersTop li a {display: block; float:left; } #Top .UserLinks {display:block; float:right; overflow:hidden; margin: 30px 0 0 0; width: 102px; } #Top .UserLinks a {display: block; float:right; text-indent:-9000px; height: 19px; background-image: url(images/TopRegister.png); background-repeat:no-repeat;} #Top .UserLinks a.Login {width: 89px; background-position: -13px 0; margin: 0 0 10px 0;} #Top .UserLinks a.Register {width: 102px; background-position: 0 -30px; margin: 0 0 10px 0;} #Top .UserLinks a.Login:hover {background-position: -116px 0;} #Top .UserLinks a.Register:hover {background-position: -103px -30px;} .tooltip { display:none; background: url(images/Partner-HoverBubble.png) left top no-repeat; font: normal 11px/14px Arial, Helvetica, sans-serif; padding: 20px 15px 15px 15px; width: 215px; color:#797979; height: 125px; position:absolute; top: 50px; left: -75px; z-index: 9000; } .tooltip h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #032f67; text-transform: uppercase; margin: 0 0 0 0; padding:0;} .tooltip h3 {font: normal 12px Arial, Helvetica, sans-serif; color: #6781a3; text-transform:uppercase; margin: 0 0 10px 0; padding: 0; } #Menu {width: 100%; height: 80px; display:block; background: url(images/Menu.png) left -86px no-repeat; position:relative; clear:both;} #Menu #MainMenu {display:block; float:left; height: 43px; list-style:none; position:absolute; left: 0; top: 0;} #Menu #MainMenu li {display:block; float:left; height: 43px;} #Menu #MainMenu li a {display:block; float:left; height: 43px; background-image: url(images/Menu.png); background-repeat: no-repeat; text-indent:-9000px;} #Menu #MainMenu li a.Forum {background-position: 0px 0; width: 89px;} #Menu #MainMenu li a.Portal {background-position: -649px 0; width: 117px;} #Menu #MainMenu li a.Catalog {background-position: -89px 0; width: 93px;} #Menu #MainMenu li a.Ranking {background-position: -182px 0; width: 94px;} #Menu #MainMenu li a.Calendar {background-position: -276px 0; width: 110px;} #Menu #MainMenu li a.Opinie {background-position: -386px 0; width: 80px;} #Menu #MainMenu li a.Hostlog {background-position: -466px 0; width: 98px;} #Menu #MainMenu li a.TOP100{background-position: -564px 0; width: 85px;} #Menu #MainMenu li a.Forum:hover {background-position: 0px -43px; } #Menu #MainMenu li a.Portal:hover {background-position: -649px -43px; width: 117px;} #Menu #MainMenu li a.Catalog:hover {background-position: -89px -43px; } #Menu #MainMenu li a.Ranking:hover {background-position: -182px -43px;} #Menu #MainMenu li a.Calendar:hover {background-position: -276px -43px; } #Menu #MainMenu li a.Opinie:hover {background-position: -386px -43px; } #Menu #MainMenu li a.Hostlog:hover {background-position: -466px -43px; } #Menu #MainMenu li a.TOP100:hover {background-position: -564px -43px; } #Menu #MainMenu li a.Forum.Active {background-position: 0px -43px; } #Menu #MainMenu li a.Catalog.Active {background-position: -89px -43px;} #Menu #MainMenu li a.Ranking.Active {background-position: -182px -43px; } #Menu #MainMenu li a.Calendar.Active {background-position: -276px -43px; } #Menu #MainMenu li a.Opinie.Active {background-position: -386px -43px; } #Menu #MainMenu li a.Hostlog.Active {background-position: -466px -43px; } #Menu #MainMenu li a.TOP100.Active{background-position: -564px -43px; } #Menu .Submenu {list-style: none; position:absolute; left: 15px; top: 50px; background: url(images/SubmenuArrow.png) left 7px no-repeat; padding: 0 0 0 18px; display:none;} #Menu .Submenu.Active {display:block;} #Menu .Submenu li {display:block; float:left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #025da6; } #Menu .Submenu li.first {margin: 0; padding:0; border: none;} #Menu .Submenu li a {font: bold 12px "Arial Narrow", Arial, Helvetica, sans-serif; color: #025da6; text-decoration:none; text-transform:uppercase; text-shadow: 1px 1px #fff;} #Menu .Submenu li a:hover {color: #034e8f;} #Menu .PortalMenu {list-style: none; position:absolute; right: 12px; top: 50px; } #Menu .PortalMenu li {display:block; float:left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #afaa98; } #Menu .PortalMenu li.first {margin: 0; padding:0; border: none;} #Menu .PortalMenu li a {font: bold 12px "Arial Narrow", Arial, Helvetica, sans-serif; color: #afaa98; text-decoration:none; text-transform:uppercase; text-shadow: 1px 1px #fff;} #Menu .PortalMenu li a:hover {color: #034e8f;} #Search {width: 310px; height: 100%; position: absolute; right: 10px; top: 0; background: url(images/SearchLabel.png) left top no-repeat;} #Search .SearchInput {background: none; border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; display:block; float:left; width: 135px; margin: 12px 0 0 30px; } #Search .SearchSubmit {display:block; float:right; margin: 12px 10px 0 10px; width: 43px; height: 11px; background: url(images/SearchSubmit.png) left top no-repeat; border: none; text-indent: -9000px; cursor:pointer;} #Search .SearchSubmit:hover {background-position: left bottom;} #SecondaryNav {display: block; clear: both;font: normal 10px Arial, Helvetica, sans-serif; color: #969076; text-shadow: 1px 1px #fff; text-transform:uppercase;} #Breadcrumb {display:block; float: left; width: 760px; background: url(images/BreadcrumbIcon.png) left center no-repeat; padding: 0 0 0 20px; margin: 20px 0 20px 10px; } #Breadcrumb a {color: #0275c3;} #Breadcrumb a:hover {color: #034370;} #SecondaryNav ul {display: block; float:right; margin: 20px 10px 0 0;} #SecondaryNav ul li {display:block; float:left; margin: 0 0 0 10px;} #SecondaryNav ul li a {color: #908D79;} .HomeContent {display: block; clear: both;} .HomeContent .LeftCol {width: 555px; display:block; float:left; margin: 0 10px 0 0;} .HomeContent .RightCol {width: 280px; display:block; float:left;} .HomeContent .PromoCol {width: 140px; margin: 0 2px 0 0; float:right; display:block; overflow:hidden;} .HomeContent .PromoCol img {margin: 0 0 15px 0;} .HomeContent td {padding: 0 !important;} #Content {display: block; overflow:hidden; width: 100%;} .Content-Left {width: 845px; float:left;} .Content-Right {width: 140px; margin: 0 2px 0 0; float:right; display:block; overflow:hidden; padding: 20px 0 0 0; background: url(images/ContentRightTitle.png) right top no-repeat; } .Content-Right a {display: block; overflow: hidden; margin: 0 0 5px 0;} .Box {display:block; float:left; width: 980px; background: #fff url(images/BoxLeft.png) left top repeat-y; margin: 0 0 15px 0;} .Box .BoxRight {display: block; width: 100%; height: 100%; background: url(images/BoxRight.png) right top repeat-y;} /* styl dla boksów po lewej z zawartoscia forum --------------------*/ .Box h3.maintitle {display: block; overflow:hidden; background: url(images/BoxBlueLeft.png) left top no-repeat; height:35px; width: 100%; padding: 0; } .Box .maintitle .Title {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-shadow: -1px -1px #033d7a; text-transform:uppercase; text-decoration:none; margin: 10px; display: block; float:left;} .Box .toggle {background-position: 0 0; display: block; float:right; text-indent: -9000px; height: 35px; width:29px; background-image: url(images/BoxBlueRight-Arrow.png); background-repeat: no-repeat;} .Box .toggle:hover {background-position: -29px 0 ;} .Box .collapsed .toggle {background-position: 0 -35px;} .Box .collapsed .toggle:hover {background-position: -29px -35px ;} .Box .RightEnd { display: block; float:right; text-indent: -9000px; height: 35px; width:10px; background: url(images/BoxBlueRight.png) right top no-repeat;} .Box .MarkAsRead { display: block; float:right; width: 180px; height: 20px; background: url(images/BoxBlueRight.png) right top no-repeat; padding: 9px; font: bold 11px Arial, Helvetica, sans-serif; color: #fff;} .Box .BoxTitle {display: block; overflow:hidden; background: url(images/BoxBlueLeft.png) left top no-repeat; height:35px; width: 100%;} .Box .BoxTitle h2 {margin: 5px 0 0 10px; display:block; float:left;} .Box .BoxTitle h2 a {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-shadow: -1px -1px #033d7a; text-transform:uppercase; } .Box .BoxTitle .ToggleUp {background-position: 0 0; display: block; float:right; text-indent: -9000px; height: 35px; width:29px; background-image: url(images/BoxBlueRight.png); background-repeat: no-repeat;} .Box .BoxTitle .ToggleUp:hover {background-position: -29px 0 ;} .Box .BoxTitle .ToggleDown {background-position: 0 -35px; display: block; float:right; text-indent: -9000px; height: 35px; width:29px; background-image: url(images/BoxBlueRight.png); background-repeat: no-repeat;} .Box .BoxTitle .ToggleDown:hover {background-position: -29px -35px ;} .Box .BoxBottom {display: block; overflow:hidden; width: 100%; height:9px; background: url(images/BoxBottomLeft.png) left top no-repeat;} .Box .BoxBottom .BoxBottomRight {display: block; overflow:hidden; width: 100%; height:9px; background: url(images/BoxBottomRight.png) right top no-repeat;} .SummaryBox {display:block; overflow:hidden; float:left; width: 100%; background: #fff url(images/BoxLeft.png) left top repeat-y; margin: 0 0 30px 0;} .SummaryBox .SummaryBoxRight {display: block; width: 100%; height: 100%; background: url(images/BoxRight.png) right top repeat-y;} .SummaryBox .SummaryBoxTitle {display: block; overflow:hidden; background: url(images/SummaryBoxTopLeft.png) left top no-repeat; height:35px; width: 100%;} .SummaryBox .SummaryBoxTitle .SummaryBoxTitleRight {display: block; width: 100%; height: 100%; background: url(images/SummaryBoxTopRight.png) right top no-repeat;} .SummaryBox .SummaryBoxTitle h2 {margin: 10px; display:block; float:left; font-size:14px;} .SummaryBox .SummaryBoxTitle h2 a {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-shadow: -1px -1px #716e60; text-transform:uppercase; } .SummaryBox .SummaryBoxBottom {display: block; overflow:hidden; width: 100%; height:9px; background: url(images/BoxBottomLeft.png) left top no-repeat;} .SummaryBox .SummaryBoxBottom .SummaryBoxBottomRight {display: block; overflow:hidden; width: 100%; height:9px; background: url(images/BoxBottomRight.png) right top no-repeat;} .SummaryBox .maintitle {display: block; overflow:hidden; background: url(images/SummaryBoxTopLeft.png) left top no-repeat; height:35px; width: 100%; padding: 0; } .SummaryBox .maintitle .Title {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-shadow: -1px -1px #716e60; text-transform:uppercase; text-decoration:none; margin: 10px; display: block; float:left;} .SummaryBox .RightEnd { display: block; float:right; text-indent: -9000px; height: 35px; width:10px; background: url(images/SummaryBoxTopRight.png) right top no-repeat;} #BottomMenu {width: 100%; height:41px; display:block; overflow:hidden; background: url(images/BottomMenu.png) left top no-repeat; margin: 0 0 0px 0;} #BottomMenu ul {display:block; list-style: none; margin: 13px 0 0 58px;} #BottomMenu ul li {display:block; float:left; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #868272; text-shadow: 1px 1px #fff;} #BottomMenu ul li.first {margin: 0; padding: 0; border: none;} #BottomMenu ul li a {font: bold 12px Arial, Helvetica, sans-serif; color:#868272; text-shadow: 1px 1px #fff; text-transform:uppercase;} #BottomMenu ul li a:hover {color: #045d9e; text-decoration:none;} #Footer {display: block; margin: 30px 0 50px 0;} #Footer p {font: normal 11px Arial, Helvetica, sans-serif; color: #908d79; text-align:center;} #Footer .Copyright {margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #dfd6b6; display:block; overflow:hidden;} #Footer .Copyright p {display: block; color:#908D79; } #Footer .Copyright p a {color: #908D79; font-weight: bold;} #Footer .Copyright p a:hover { color: #045d9e; text-decoration:none;} #Footer .Copyright p.Left {float: left;} #Footer .Copyright p.Right {float: right; text-align:right;} #Footer .Copyright ul {list-style:none;} #Footer .Copyright ul li {display:block; float:left; margin: 0 15px 0 0; font:} #Footer .Copyright ul li a {font: normal 11px Arial, Helvetica, sans-serif; color: #908D79;} #Footer .Copyright ul li a:hover {color: #045d9e; text-decoration:none;} #Partnerzy { width: 978px; margin: 10px auto; display:block; overflow:hidden;} #Partnerzy li {display:block; float:left; padding: 15px; width: 457px; height: 320px;} #Partnerzy li.border-right {border-right: 1px solid #e5eef5; } #Partnerzy li.border-bottom {border-bottom: 1px solid #e5eef5;} #Partnerzy li.border-left {border-left: 1px solid #e5eef5; } #Partnerzy li h2 {display:block;margin: 0 0 10px 0;} #Partnerzy li h2 a {font: bold 14px Arial, Helvetica, sans-serif; color: #233147; } #Partnerzy li h2 a:hover {text-decoration:underline;} #Partnerzy li img {width: 130px; height:80px; display:block; float: left; margin: 4px 10px 0 0;} #Partnerzy li p {font: normal 12px/18px Arial, Helvetica, sans-serif; color: #5d6f79;} /* ELEMENT STYLES */ #Category-List {display:block; overflow:hidden; list-style:none; margin: 20px 0 0 20px;} #Category-List li {width: 203px; height:118px; border: 1px solid #DDDDDD; padding: 10px; color: #8d8d8d; display:block; float:left; margin: 0 20px 20px 0;} #Category-List li h1 {display:block; color: #a4a4a4; font: bold 14px Helvetica, Arial, Helvetica, sans-serif; text-transform:uppercase; margin: 0 0 15px 0;} #Category-List li h1 a {color: #555555; } #Category-List li img {float: left; width: 64px; height: 64px; margin: 0 10px 10px 0;} #Category-List li p {font-size: 12px;} #Category-List li h2 {display: block; float:left; font: normal 12px Arial, Helvetica, sans-serif; color: #555555;} #Category-List li h2 a {font-weight: bold;color: #555555;} #Category-List li a:hover {text-decoration:underline;} #Category-List li.Active {border: 1px solid #c3e4f0;} #Category-List li.Active a {color: #002c93; } #Category-List li.Active h2, #Category-List li.Active h2 a {color: #045798;} .Filters {display: block; overflow:hidden; background: #f7f7f7; border: 1px solid #d6d6d6; border-top: none; margin: 0 2px; padding: 20px;} .Filters h2 {font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0;} .Aplha-pagination {display: block; overflow:hidden; list-style:none;} .Aplha-pagination li {display: block; float:left; height: 30px; } .Aplha-pagination li.first {margin: 0;} .Aplha-pagination li a {display: block; float:left; border: 1px solid #e8e8e8; font: normal 12px Arial, Helvetica, sans-serif; color: #a4a3a3; width: 28px; height: 28px;line-height: 28px; text-align:center;} .Aplha-pagination li a:hover {color: #fff; background: #0c86bb; border-color: #002c93;} .Aplha-pagination li.active a {color: #fff; background: #0c86bb; border-color: #002c93;} .Decimal-pagination {display: block; overflow:hidden; list-style:none;} .Decimal-pagination li {display: block; float:left; height: 30px; } .Decimal-pagination li.first {margin: 0;} .Decimal-pagination li a {display: block; float:left; border: 1px solid #e8e8e8; font: normal 12px Arial, Helvetica, sans-serif; color: #a4a3a3; padding: 0 10px; height: 28px;line-height: 28px; text-align:center;} .Decimal-pagination li a:hover {color: #fff; background: #0c86bb; border-color: #002c93;} .Decimal-pagination li.active a {color: #fff; background: #0c86bb; border-color: #002c93;} .Cities {display:block; overflow: hidden; } .Cities li {display: block; float:left; width: 130px; margin-bottom:5px;} .Cities li a {color: #a4a3a3; font: normal 12px Arial, Helvetica, sans-serif; padding-left: 10px; background: url(images/gray-arrow.png) left center no-repeat;} .Cities li a:hover {color: #002c93;text-decoration:underline; } .HiddenContent {display: block; position:relative; min-height:145px; overflow:hidden;} .HiddenMenu {position:absolute; left:0; top: 0; z-index:2; width:1000px; } .Category-pagination {list-style:none;} .Category-pagination li {display:block; float:left; margin: 0 0 10px 10px; padding: 0 0 0 10px; border-left: 1px solid #a4a3a3;} .Category-pagination li.first {margin-left: 0; border: 0; padding: 0;} .Category-pagination li a {display:block; float:left; font: normal 12px Arial, Helvetica, sans-serif; color: #045798; border-bottom: 1px solid transparent; } .Category-pagination li a:hover, .Category-pagination li.active a {color: #000; border-bottom: 1px solid #eb003d;} .CategoryMenu {display:none;} .HiddenMenu .HideButton {display: block; float:right;background:#045798; padding: 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; margin-right:2px;} .HiddenMenu .HideButton a {color:#fff; } .Category-Desc {display: block; overflow:hidden; background: #f7f7f7; border: 1px solid #d6d6d6; border-top: none; margin: 0 2px; padding: 20px; position:absolute; width:954px;left:0; top: 0; z-index:1;} .Category-Desc .Left {float: left; margin-right:40px; width:590px;} .Category-Desc .Left h2 {font: bold 18px Arial, Helvetica, sans-serif; color: #000; margin:0 0 10px 0;} .Category-Desc .Left h2 span {color: #979797;} .Category-Desc .Left p {font-size: 12px;} .Category-Desc .Right { float:right; width:320px;} .Category-Desc .Right h3 {font: bold 14px Arial, Helvetica, sans-serif; color:#979797; margin-bottom: 10px;} .Category-Desc .Right .BlueButton {display: block; background: url(images/BlueButton-Left.png) left top no-repeat; height:35px; line-height:35px; float:left;} .Category-Desc .Right .BlueButton a {font: bold 14px Arial, Helvetica, sans-serif; color:#fff; display:block; height:35px; line-height:35px; background: url(images/BlueButton-Right.png) right top no-repeat;padding:0 10px;} .Companies-List {display:block; overflow:hidden; padding: 20px 25px 0 25px;} .Companies-List h1 {font: bold 14px Arial, Helvetica, sans-serif; color: #000; padding: 0 0 10px 0; border-bottom: 1px solid #0c86bb; } .Companies-List ul {list-style:none; padding: 25px 0 0 0; overflow:hidden;} .Companies-List ul li {display:block; float:left; width: 450px;} .Companies-List ul li.Space {margin: 0 50px 40px 0;} .Companies-List ul li .Logo {float: left; margin: 0 10px 10px 0; border: 1px solid #e4e4e4; width: 178px; height: 118px;} .Companies-List ul li .Logo img {width: 178px; height: 118px;} .Companies-List ul li .Company-Offer {float:left; width: 260px;} .Companies-List ul li .Company-Offer h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #0c86bb; padding-bottom: 10px; border-bottom: 1px solid #b6daea; margin-bottom: 10px;} .Companies-List ul li .Company-Offer h2 a {color: #0c86bb;} .Companies-List ul li .Company-Offer p {font: normal 12px/18px Arial, Helvetica, sans-serif; color:#444444; } .Companies-List ul li .Company-Offer > a {color: #0c86bb; font: normal 12px Arial, Helvetica, sans-serif;} .Companies-List ul li .Company-Offer > a:hover {text-decoration:underline;} .Companies-List.Promo {} .Companies-List.Promo h1 {border-color:#eb0037;} .Companies-List.Promo ul {background: #f6f6f6;} .Companies-List.Promo ul li .Company-Offer h2 {border-color:#f2abbc;} .Companies-List.Promo ul li .Company-Offer h2 a {color: #eb0037;} .Companies-List.Promo ul li .Company-Offer > a {color: #eb0037; } #Company-Main {width: 960px; height: 100%; overflow:hidden; margin: 20px auto;} #Company-Main .Tabs {width: 100%; height: 36px; display:block; background: url(images/Company-Main-Tabs.png) left top no-repeat;} #Company-Main .Tabs ul {list-style:none; margin-left: 40px;} #Company-Main .Tabs ul li {display:block; float:left; font: normal 12px Arial, Helvetica, sans-serif; color: #656565; margin: 0 10px; padding: 0 10px; } #Company-Main .Tabs ul li a {display:block; float:left; font: normal 12px Arial, Helvetica, sans-serif; color: #656565; line-height: 33px; } #Company-Main .Tabs ul li.active {background: #fff; border: 1px solid #d6d6d6; border-bottom: 1px solid #fff;} #Company-Main .Tabs ul li.active a {font-weight:bold; color: #0668a5;} #Company-Main .Tabs ul li a:hover {color: #0668a5;} .Company-Info-Container {display:block; overflow:hidden; margin: 20px 0;} #Company-Info .Left {width: 270px; float:left; } #Company-Info .Right {width: 650px; float:right; margin-right: 10px;} #Company-Info .Left .Logo {width: 268px; height: 178px; border: 1px solid #e4e4e4; display:block; margin: 0 0 20px 0; position:relative;} #Company-Info .Left .Logo img {position:absolute;} #Company-Info .Left .Logo a {display: block; float:left; position: absolute; right: 5px; bottom: 5px; text-indent: -9000px; background: url(images/CompanyLogo-Link.png) no-repeat; z-index: 10; width: 24px; height: 24px;} #Company-Info .Left .Logo a:hover {background-position: left bottom;} #Company-Info .Left .CompanyBox {display:block; margin: 0 0 20px 0;} #Company-Info .Left .CompanyBox h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0;} #Company-Info .Left .CompanyBox p {padding-left: 50px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #6a6a6a; min-height: 34px;} #Company-Info .Left .CompanyBox p.Adress {background: url(images/CompanyInfo-Adress.png) left top no-repeat;} #Company-Info .Left .CompanyBox p.Contact {background: url(images/CompanyInfo-Contact.png) left top no-repeat;} #Company-Info .Left .CompanyBox p.BOK {background: url(images/CompanyInfo-BOK.png) left top no-repeat;} #Company-Info .Left .CompanyBox p a { color: #0668a5; } #Company-Info .Left .CompanyBox p a:hover {text-decoration:underline;} #Company-Info .Right h1 {display:block; font: bold 20px Arial, Helvetica, sans-serif; color: #2565c7; border-bottom: 1px solid #cfddf1; padding-bottom: 10px; margin: 0 0 20px 0;} #Company-Info .Right h1 span {float: right; font: bold 12px Arial, Helvetica, sans-serif; color: #618dd0;} #Company-Info .Right p {font: normal 12px/21px Arial, Helvetica, sans-serif; color: #5c5c5c; margin: 0 0 10px 0;} #Company-Info .Right .MapWrapper {display:block; width: 100%; height: 100%; margin-top: 20px;} #Company-Info .Right .MapWrapper h3 {font: bold 14px Arial, Helvetica, sans-serif; color:#2565c7; margin: 0 0 10px 0;} #Company-Info .Right .MapWrapper .Map {width: 648px; height: 300px; border: 1px solid #AAAAAA; display:block;} #Company-Offer .Left {width: 220px; float:left; background: url(images/Company-Info-Offer-Sidebar.png) right top no-repeat; min-height:500px; } #Company-Offer .Right {width: 680px; float:right; margin-right: 20px;} #Company-Offer .Left .Logo {width: 118px; height: 78px; border: 1px solid #e4e4e4; display:block; margin: 0 0 20px 0; position:relative;} #Company-Offer .Left .Logo img {width: 118px; height: 78px; } #Company-Offer .Left h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0;} #Company-Offer .Left ul {display:block; list-style:none;} #Company-Offer .Left ul li {display:block; padding: 10px 0; } #Company-Offer .Left ul li.active {border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; background: #fff;} #Company-Offer .Left ul li a {display:block; font: normal 12px Arial, Helvetica, sans-serif; color: #979797; padding-left: 5px; } #Company-Offer .Left ul li.active a {font-weight:bold; padding-left: 10px; color: #2565c7;} #Company-Offer .Left ul li a:hover {color: #2565c7;} #Company-Offer .Right div {display:none;} #Company-Offer .Right div.WebHosting {display: block;} #Company-Offer .Right p {font: normal 12px/21px Arial, Helvetica, sans-serif; color: #5c5c5c; margin: 0 0 10px 0;} .Sidebar {width: 250px; margin-left:20px; float:right; } .Sidebar .WrapBox {display:block; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #f2f2f2; overflow:hidden;} .Sidebar .WrapBox h3 {font: bold 14px Arial, Helvetica, sans-serif; color:#000; padding: 0; padding-bottom:7px; border-bottom: 1px solid #0c86bb; margin-bottom:10px;text-transform:uppercase;} .Sidebar .Facebook {padding:10px; padding-bottom:0; background:#f6f7fb; border:1px solid #cad4e7; margin-bottom:20px;} .Sidebar .Facebook h3 {font: bold 14px Arial, Helvetica, sans-serif; color:#000; padding-bottom:7px; border-bottom: 1px solid #0c86bb; margin-bottom:10px;text-transform:uppercase;} .Sidebar .Facebook iframe {display:block; margin-bottom:10px;} .Sidebar .Search {} .Sidebar .Search span {font: normal 12px Arial, Helvetica, sans-serif;} .Sidebar .Search form {display:block; float:left; width:249px; height:25px; background: url(http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/sidebar/Hostlog-SearchSidebar.png) left top no-repeat; overflow:hidden; margin-bottom: 5px;} .Sidebar .Search form input {display:block; float:left; width:168px; padding:0 10px; font: normal 12px Arial, Helvetica, sans-serif; color:#999999; border: none; line-height:25px; height:25px; background:none;} .Sidebar .Search form button {display:block; float:right; background: none; border: none; text-indent:-9000px; width:61px; height:25px; cursor:pointer;} .Sidebar .Search form button:hover {background: url(http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/sidebar/Hostlog-SearchSidebar.png) right bottom no-repeat; } .Sidebar .List ol {list-style:decimal; margin-left:20px; } .Sidebar .List ol li {font: normal 12px Arial, Helvetica, sans-serif; color: #4b4b4b; line-height:15px; margin-bottom:8px;} .Sidebar .ReputationList ol li {height: 25px; line-height: 25px; margin-bottom: 0;} .Sidebar .List ol li a {font-weight:normal; color: #4b4b4b; } .Sidebar .List ol li:first-child a, .Sidebar .List ol li a:hover {color: #f50051;} .Sidebar .List ol li a small {font-weight: normal; font-size: 9px; color: #868272;} .Sidebar .List ol li span.Reputation {float: right; text-align: center; padding: 0 3px; font-weight: bold; background: #319803; color: #fff; height: 20px; line-height: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .Sidebar .Hostlog-RankingButton {width: 154px; height:27px; float:right; display:block; margin-top:10px; background: url(http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/sidebar/Hostlog-FullRankingButton.png) left top no-repeat; text-indent:-9000px;} .Sidebar .Hostlog-CatalogButton {width: 154px; height:27px; float:right; display:block; margin-top:10px; background: url(http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/sidebar/Hostlog-FullCatalogButton.png) left top no-repeat; text-indent:-9000px;} .Sidebar .List ol li span.Stars {display: block; width: 96px; height:16px; background-image: url(http://www.webhostingtalk.pl/public/style_images/WHT_sidebar/sidebar/yellowstars.png); margin-bottom:0; float:right;} .Sidebar .List ol li span.Stars.OneStars {background-position: 0 0;} .Sidebar .List ol li span.Stars.TwoStars {background-position: 0 -16px;} .Sidebar .List ol li span.Stars.ThreeStars {background-position: 0 -32px;} .Sidebar .List ol li span.Stars.FourStars {background-position: 0 -48px;} .Sidebar .List ol li span.Stars.FiveStars {background-position: 0 -64px;} .Sidebar .List ol li span.Stars.ZeroStars {background-position: 0 -80px;} .bottom-info {display: block; width: 100%;} .bottom-info .left {float: left; width: 60%; } .bottom-info .left p {text-align: left !important;} .bottom-info .sponsorFooter { float: right; color: #969076; font: 10px Arial,Helvetica,sans-serif; text-shadow: 1px 1px #FFF; text-transform: uppercase; } .bottom-info .sponsorFooter span {padding-right: 10px;line-height: 30px; height: 30px; float: left;} .bottom-info .sponsorFooter a {float: right; height: 30px;}