/* 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 */ html, body {width: 100%;} /* Reset ---------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; } body {height: 100%; width: 100%; font-family:verdana, Arial; font-size:12px; font-weight:normal; color: #1a1a1a;} h1 { font-size: 3em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 1em; } :focus { outline: 0; } blockquote, q {quotes: "" "";} .clear { clear: both; } /* Custom ----------------------------------------------------------------------- */ #TopWrap {width: 100%; background: #000; } #TopWrap.HomePage {height: 365px;} #TopWrap.SubPage {height: 203px;} #Top {width: 960px; margin: 0 auto; overflow: hidden;} #Menu {width: 100%; height: 78px; border-bottom: 3px solid #f00000;} #Menu h1 a {margin: 12px 0 0 0;display: block;float: left; width: 293px; height:70px; background: url(images/TopLogo.png) left top no-repeat; text-indent: -9999px;} #Menu ul {margin: 31px 0 0 0; list-style: none; float: right; display: block; overflow: hidden;} #Menu ul li {display: block; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #333;} #Menu ul li:first-child {margin: 0; border:0;} #Menu ul li a {display: block; float: left; height: 25px; font-size:13px; line-height:25px; color:#fff; text-transform:uppercase; text-decoration:none;} #Menu ul li a:hover{text-decoration:underline;} #HeaderWrap {width: 960px; height: 284px; position: relative;} #HeaderImages {width: 960px; height: 284px; position: absolute;} #HeaderImages img {width: 960px; height: 284px; } #HeaderNav {position:absolute; left: 0px; bottom: 20px; z-index: 10;} #HeaderNav a {width: 40px; height: 5px; color: #545454; background: #545454; text-indent: -9000px; margin: 0 5px 0 0; display: block; float: left; } #HeaderNav a.activeSlide {background:#f00000;} #HeaderNav a:hover {background: #f00000; } #UserMenu ul {margin: 0; list-style: none; overflow: hidden; position: absolute; right: 0; top: 0px;z-index: 10; } #UserMenu ul li {display: block; float: left; margin: 0 0 0 1px;} #UserMenu ul li:first-child {margin: 0;} #UserMenu ul li a {display: block; float: left; height: 23px; width: 23px; background-image: url(images/UserMenu.png); background-repeat:no-repeat; text-indent: -9000px;} #UserMenu ul li a.Mail {background-position: 0 0;} #UserMenu ul li a.DA { background-position: -24px 0;} #UserMenu ul li a.Server {background-position: -48px 0;} #UserMenu ul li a.Mail:hover {background-position: 0 -23px;} #UserMenu ul li a.DA:hover { background-position: -24px -23px;} #UserMenu ul li a.Server:hover {background-position: -48px -23px;} #SubPageHeader {width: 960px; height: 122px; position: relative;} #SubPageOne {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders1.png) left top no-repeat;} #SubPageTwo {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders2.png) left top no-repeat;} #SubPageThree {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders3.png) left top no-repeat;} #SubPageFour {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders4.png) left top no-repeat;} #SubPageFive {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders5.png) left top no-repeat;} #SubPageSix {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders6.png) left top no-repeat;} #SubPageSeven {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders7.png) left top no-repeat;} #SubPageEight {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders8.png) left top no-repeat;} #SubPageNine {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders9.png) left top no-repeat;} #SubPageTen {width: 960px; height: 122px; position: absolute; background: url(images/SubHeaders10.png) left top no-repeat;} #SubPageHeader h1 {font: bold 30px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; position: absolute; bottom: 20px;} #Content {width: 960px; margin: 0 auto; background: url(images/ContentShadow.png) left top no-repeat; padding: 20px 0 40px 0; font: normal 12px/21px Arial, Helvetica, sans-serif; color:#444444; overflow: hidden;} #MainOfferMenu {display: block; overflow: hidden; margin: 0 0 20px 0; background :url(images/MainOfferMenu.png) left bottom repeat-x;} #MainOfferMenu ul {list-style: none; display: block; } #MainOfferMenu ul li {float: left; display: block; padding: 6px 20px; margin: 0px 20px 0 0; border: 1px solid transparent; border-bottom: none;} #MainOfferMenu ul li a { font: bold 11px Helvetica, Arial, Helvetica, sans-serif; color: #222222; text-transform:uppercase; text-decoration: none; } #MainOfferMenu ul li.Active {border: 1px solid #cccccc; border-bottom: none; background: #fff;} #MainOfferMenu ul li.Active a {color: #f00000;} #MainOfferContainer {width: 660px; height: 380px; display: block; float: left;} .Offer { width: auto; height: 380px; display: none;overflow: hidden;} #VirtualServer {display: block; } .SingleOffer { display: block; } .SingleOffer table {background: #f8f8f8; width: 126px; height: 100%; float: left; display: block; margin: 0 1px 0 0;} .SingleOffer table.Red {background-color:#BB0000; color: #fff;} .SingleOffer table.Red td {color: #fff;} .SingleOffer table.Red .Gray {background-color:#BB0000;} .SingleOffer table.Red .Price.Year {background: #BB0000 url(images/MainOfferPriceYear.png) left top no-repeat; } .SingleOffer table.Red .Price.Monthly {background: #BB0000 url(images/MainOfferPriceMonthly.png) left top no-repeat; } .SingleOffer table.Red .OfferButtons { background-color: #7a0000;} .SingleOffer td {padding: 8px 0; text-align: center; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#232323;width: 126px; } .SingleOffer td strong {font-weight: bold;} .SingleOffer td span {cursor:default;} .SingleOffer td span.Imp {font-weight: bold;} .SingleOffer td.Title {background: url(images/MainOfferName.png) left top no-repeat; padding: 4px 0 3px 0;} .SingleOffer td.Title h3 {color: #fff; font: bold 14px Arial, Helvetica, sans-serif; } .SingleOffer td.Price {height: 82px; padding: 2px 0 12px 0;font: bold 30px Arial, Helvetica, sans-serif; color: #fff; text-shadow: 1px 2px #990000;} .SingleOffer td.Price.Year {background: url(images/MainOfferPriceYear.png) left top no-repeat; } .SingleOffer td.Price.Monthly {background: url(images/MainOfferPriceMonthly.png) left top no-repeat; } .SingleOffer td.Gray {background: #eeeeee;} .SingleOffer td a {display: block; width: 93px; height: 25px; margin: 0 auto; text-indent: -9000px; } .SingleOffer td a.DetailsButton { background: url(images/DetailsButton.png) left top no-repeat;margin-bottom: 7px;} .SingleOffer td a.OrderNowButton { background: url(images/OrderNowButton.png) left top no-repeat;} #tooltip { display:none; background: url(images/Tooltip.png) left top no-repeat; font-size:12px; height:24px; width:126px; padding:10px 0px 0px 0; color:#fff; text-align: center; } #MainNews {display: block;} #MainNews h3 {font: bold 20px Helvetica, Arial, sans-serif; color: #000; margin: 0 0 20px 0;} #MainNews ul {display: block; list-style: none;} #MainNews ul li {display: block; float: left; width: 280px; font: normal 12px/21px Arial, Helvetica, sans-serif; color: #9f9f9f; } #MainNews ul li:first-child {margin: 0 70px 0 0; } #MainNews ul li span {font: normal 12px/21px Arial, Helvetica, sans-serif; color: #393939;} #MainNews ul li .Date {background: url(images/MainNewsDate.png) left center no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color: #9f9f9f; padding: 0 0 0 17px; margin: 0 0 0 8px;} #MainNews ul li a {color: #dc0000; text-decoration: none;} #MainNews ul li a:hover {text-decoration: underline;} #MainInfo {float: right; width: 278px; height: 100%; overflow: hidden;} .InfoBox.LiveSupport {background: #f5f5f5 url(images/LiveSupport.png) 180px bottom no-repeat;} .InfoBox {display: block; margin: 0 0 30px 0; background: #f5f5f5; padding: 15px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px} .InfoBox h3 {font: bold 20px Helvetica, Arial, sans-serif; color: #000; margin: 0 0 10px 0;} .InfoBox a {font: bold 14px Arial, Helvetica, sans-serif; color: #cc0000; text-decoration: none;} .InfoBox span {font: normal 13px Arial, Helvetica, sans-serif; color: #232323;} .InfoBox.QuickContact a {display: block; height: 35px; padding: 16px 0 0 90px;} .InfoBox.QuickContact a.Mail {background: url(images/SupportMail.png) left top no-repeat;margin: 0 0 15px 0; } .InfoBox.QuickContact a.Phone {background: url(images/SupportPhone.png) left top no-repeat;} .InfoBox.WhyUs {background: #f5f5f5 url(images/HelpIcon.png) 200px 120px no-repeat;} #OfferMenu {float: left; padding: 10px; background: #f5f5f5; border: 1px solid #cccaca; width: 150px; margin: 0 30px 0 0;} #OfferMenu h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #f00000; border-bottom: 1px solid #ebebeb; padding: 0 0 5px 0; margin: 0 0 5px 0; } #OfferMenu ul {list-style: none;} #OfferMenu ul li {} #OfferMenu ul li a {padding: 8px 0 8px 12px; border-bottom: 1px solid #ebebeb; display:block; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #474747; text-decoration: none; background: url(images/OffrMenuPoint.png) left 12px no-repeat;} #OfferMenu ul li a:hover {color: #000; background: url(images/OffrMenuPoint.png) left -23px no-repeat;} #OfferMenu ul li a.Active {color: #000; background: url(images/OffrMenuPoint.png) left -23px no-repeat; border-color: #000;} #OfferInfo {float: right; width: 750px;} #OfferList { margin: 30px 0;} #OfferList table {background: #f8f8f8; height: 100%; float: left; display: block; margin: 0 1px 0 0; text-align:center; } #OfferList table td {padding: 8px 0; text-atdgn: center; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#232323; border-right: 1px solid #fff;vertical-align: middle; } #OfferList table td strong {font-weight: bold;} #OfferList table td.Title {background: url(images/OfferTitle.png) left top no-repeat; padding: 9px 0 0px 0; height: 34px; width: 111px; vertical-align:top;} #OfferList table td.Title h3 {color: #fff; font: bold 14px Arial, Helvetica, sans-serif; } #OfferList table .Gray {background: #eeeeee;} #OfferList table .White {background: #FFF; } #OfferList table .Desc {width: 170px;} #OfferList table .SubTitle {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; background: #d90000; } #OfferList table td a {display: block; width: 93px; height: 25px; margin: 0 auto; text-indent: -9000px; } #OfferList table td a.DetailsButton { background: url(images/DetailsButton.png) left top no-repeat;margin-bottom: 7px;} #OfferList table td a.OrderNowButton { background: url(images/OrderNowButton.png) left top no-repeat;} #FooterWrap {width: 100%; height: 100%; background: #000;} #Footer {margin: 0 auto; width: 960px; height: 100%; overflow: hidden; } #Footer .Box {float: left; margin: 0 50px 0 0; padding: 25px 0 50px 0; background: url(images/FooterArrow.png) left top no-repeat;} #Footer .Box.Last {margin-right: 0;} #Footer .Box h4 {font: bold 17px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px 0;} #Footer .Box ul {list-style: none;} #Footer .Box ul li {padding: 0px 0 0px 12px; background: url(images/ListPoint.png) left center no-repeat;} #Footer .Box ul li a {font: normal 12px Arial, Helvetica, sans-serif; color: #4a4b49; text-decoration: none;} #Footer .Box ul li a:hover { color: #fff;} #Footer .Box ul li:last-child {background: url(images/ListPoint-Last.png) left center no-repeat;} #Footer .Copyright {float: right; padding: 0; height: 170px; width: 282px; background: url(images/LiteSpeedInfo.png) right top no-repeat; text-align: right; position: relative; color: #262626;} #Footer .Copyright .LiteSpeed {position: absolute; top: 10px; right: 0; text-align: right; font: normal 11px Tahoma, Arial, Helvetica, sans-serif;} #Footer .Copyright .Copy {position: absolute; bottom: 10px; right: 0; text-align: right; font: normal 11px Tahoma, Arial, Helvetica, sans-serif;}