/***** obecne styly *****/

table td
{
  vertical-align: top;
}

table.tbl.border {
  border: 1px dashed #888;
}

table.tbl td
{
  padding: 5px;
  vertical-align: top;
}

table.tbl td.dark { background: #27292d; }

table.tbl td.pad1px { padding: 1px; }
table.tbl td.bbottom { border-bottom: 1px dashed #888; }
table.tbl td.btop { border-top: 1px dashed #888; }
table.tbl td.bleft { border-left: 1px dashed #888; }
table.tbl td.bright { border-right: 1px dashed #888; }


span.moreinfo
{
  white-space: nowrap;
  font-weight: bold;
}

span.moreinfo img.arrow
{
  vertical-align: middle;
  padding: 0 5px 0 1px;
}




div.productbox
{
  width: 222px;
  height: 140px;
  background: url('/graphic/img/controls/productbox_bg.gif');
  padding: 5px;
  text-align: left;
}

div.productbox.wide
{
  width: 98%;
}

div.productbox div.info
{
  width: 100%;
  height: 112px;
}

div.productbox div.info h3
{
  margin: 0 0 5px 0;
  padding: 5px;
  border-bottom: 1px dashed #888;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #eee;
}

div.productbox div.info div.price
{
  width: 69px;
  height: 33px;
  float: right;
  background: url('/graphic/img/controls/productbox_price.gif');
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 15px 5px 15px 10px;
}

div.productbox div.info div.price_adv
{
  width: 69px;
  height: 38px;
  float: right;
  background: url('/graphic/img/controls/productbox_price.gif');
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 5px 5px 15px 10px;
}

div.productbox div.info div.price_adv div.price_text
{
  font-size: 10px;
}

div.productbox div.info div.price_adv div.price_nodph
{
  font-size: 20px;
}

div.productbox div.info div.price_adv div.price_dph
{
  font-size: 10px;
}


div.productbox div.info ul
{
  margin: 0;
  padding: 0 5px 0 20px;
  list-style-image: url('/graphic/img/controls/arrow.gif');
  font-size: 11px;
}

div.productbox div.info ul li
{
  padding: 0;
}

div.productbox div.order
{
  width: 100%;
  height: 38px;
  font-weight: bold;
  position: absolute;
}

div.productbox div.order div.moreinfo
{
  position: absolute;
  top: 8px;
  left: 0px;
  width: 125px;
  text-align: right;
}

div.productbox div.order div.orderbtn
{
  position: absolute;
  top: 5px;
  left: 135px;
  background: url('/graphic/img/controls/btn_green.gif');
  width: 76px;
  height: 17px;
  color: #444;
  text-align: center;
  padding: 3px;
}


div.productbox.wide div.order div.support
{
  position: absolute;
  top: 8px;
  left: 10px;
  width: 125px;
  text-align: left;
}

div.productbox.wide div.order div.moreinfo
{
  left: 275px;
}

div.productbox.wide div.order div.orderbtn
{
  left: 410px;
}


div.productbox div.order div.orderbtn a
{
  color: #fff;
  text-decoration: none;
}


div.textpage
{
  padding: 0 10px 10px 10px;
}



/***** home page *****/

table td.homewelcome {
  width: 280px;
  padding-right: 5px;
}

table td.homeproduct {
  width: 222px;
  padding-left: 5px;
}

table td.homewelcome img.welcome {
  float: left;
  width: 120px;
  height: 90px;
  margin: 0 10px 10px 0;
}

table td.homenews {
  width: 273px;
}

table td.homeimg {
  width: 236px;
  text-align: center;
  vertical-align: middle;
}

table td.homeincluded {
  width: 222px;
}

ul.homeincluded
{
  margin: 0;
  padding: 0 5px 0 20px;
  list-style-image: url('/graphic/img/controls/arrow.gif');
  font-size: 11px;
}

ul.homeincluded li
{
  margin-bottom: 2px;
  border-bottom: 1px solid #444;
}



/***** hosting *****/

table td.hostingproduct {
  width: 222px;
  padding: 10px;
  text-align: center;
}



/***** kontakt *****/

table td.contactform {
  width: 283px;
  padding: 10px;
}

table td.contactdcs {
  width: 205px;
  padding: 10px;
}

table td.contactaddress,
table td.contactinfo {
  width: 205px;
  padding: 10px;
}

table td.contactaddress table td
{
  padding: 0;
  font-size: 11px;
  padding-right: 5px;
  padding-bottom: 2px;
}


form.contact label
{
  display: block;
  font-size: 11px;
  margin: 10px 0 2px 0;
}

form.contact input.text,
form.contact select.text,
form.contact textarea
{
  width: 250px;
  background: #ddd;
  border: 1px solid #888;
}

form.contact textarea
{
  height: 60px;
}

form.contact input#contactsubmit
{
  width: 82px;
  height: 23px;
  margin-left: 170px;
  margin-top: 5px;
  background: url('/graphic/img/controls/btn_green.gif');
  border: 0;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}



/***** domeny *****/

div.objform input {
  width: 200px;
}

div.objform table td.name {
  text-align: right;
}

div.objform table td.b {
  font-weight: bold;
}

table td.domaintext {
  width: 509px;
  padding: 10px;
}

table td.domaintext input {
  background: #ccc; border: 1px solid #888; font-size: 11px;
}

table td.domaintext select {
  background: #ccc; border: 1px solid #888; font-size: 11px;
}

table td.domainright {
  width: 205px;
  padding: 10px;
}

table td.domainright ul {
  padding: 0px;
  margin: 0 0 0 5px;
  list-style-type: none;
}

table td.domainright li {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #C0C0C0;
}

table td.domainright li a {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #C0C0C0;
}

table td.domainright li.act {
  color: #FFF;
}



table.domainfeatures
{
  width: 100%;
  margin: 10px 0 10px 0;
}

table.domainfeatures th
{
  text-align: left;
  font-size: 12px;
  color: #7ad30f;
  padding: 6px;
}

table.domainfeatures td
{
  font-size: 11px;
  padding: 6px;
  vertical-align: top;
}

table.domainfeatures th.item
{
  border-right: 1px dashed #888;
}
table.domainfeatures td.item
{
  border-top: 1px dashed #888;
  border-right: 1px dashed #888;
}
table.domainfeatures td.desc
{
  border-top: 1px dashed #888;
}

