body
{
font-family: Arial;
font-size: 13px;
background: #EFEFEF url('images/bg.png') repeat-x top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
input
{
font-family: Arial;
}
a *
{
cursor: pointer;
}
h1
{
color: #248DFF;
font-size: 1.45em;
padding: 10px 0 5px 0;
margin: 0;
}
h2
{
color: #204BA2;
font-size: 1.15em;
margin: 0;
padding: 0 0 5px 0;
}
h3
{
margin: 15px 0 3px 0;
}
h4
{
margin: 5px 0 3px 0;
border-left: solid 3px blue;
padding: 0 0 0 5px;
}
ul
{
list-style-type: square;
list-style-position: outside;
margin: 0;
padding: 0 0 0 40px;
}
/*
ul
{
list-style: none outside;
}
ul li
{
background: url('images/dot.gif') no-repeat 0px 8px;
padding: 0 0 8px 10px;
}
*/
#h1-description
{
margin: 0 0 30px 0;
}
#logo-block
{
margin: 0;
width: 100%;
display: inline-block;
position: relative;
height: 54px;
}
#logo-block strong
{
float: left;
font-size: 1.6em;
line-height: 22px;
font-weight: bold;
color: Gray;
}
#logo-block strong span
{
color: #AD0C00;
}
a#mailkomplet-logo
{
display: block;
background: url('images/mail-komplet-logo.gif') no-repeat;
height: 44px;
width: 374px;
top: 8px;
left: 10px;
position: absolute;
text-decoration: none;
padding: 12px 0 0 83px;
line-height: 1.7em;
}
a#webkomplet-logo
{
display: block;
background: url('images/logo.gif') no-repeat;
height: 22px;
width: 174px;
top: 0px;
right: 0;
position: absolute;
}
.hidden
{
display: none;
}
#body-bg
{
position: relative;
display: block;
margin: 30px auto;
width: 970px;
}
#hair
{
position: absolute;
background: url('images/vlasy.png') no-repeat 50% 0;
z-index: -1;
top: -30px;
left: 580px;
width: 417px;
height: 117px;
}
#main
{
position: relative;
z-index: 10;
background: url('images/main-bg-header.gif') no-repeat top left;
padding: 0;
}
#main2
{
padding: 10px 0 10px 0;
background: url('images/main-bg-footer.gif') no-repeat bottom left;
display: inline-block;
}
#main3
{
width: 950px;
overflow: hidden;
background: white;
padding: 0 10px 10px 10px;
}
#nav1
{
background: url('images/nav1-bg-left.png') no-repeat;
height: 31px;
line-height: 31px;
padding: 0 0 0 7px;
float: right;
margin: 0;
overflow: hidden;
display: inline-block;
}
#nav1 div
{
background: url('images/nav1-bg-right.png') no-repeat top right;
height: 31px;
line-height: 31px;
padding: 0 7px 0 0;
float: left;
}
#nav1 ul
{
background: url('images/nav1-bg.png') repeat-x;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0;
list-style: none outside;
float: left;
}
#nav1 ul li
{
float: left;
padding: 4px 15px 0 0;
}
#nav1 a
{
text-decoration: none;
}
#nav1 a span, #nav1 a:visited span
{
color: #4D4D4F;
}
#nav1 a strong span, #nav1 a:visited strong span
{
color: White;
}
#nav1 a strong
{
background: url('images/nav1-btn-left.png') no-repeat;
height: 27px;
line-height: 27px;
padding: 0 0 0 9px;
float: left;
}
#nav1 a strong span
{
background: url('images/nav1-btn-right.png') no-repeat top right;
height: 27px;
line-height: 27px;
padding: 0 9px 0 0;
float: left;
}
#nav1 a span span span
{
padding: 0 5px 0 5px;
font-size: 0.9em;
}
#nav1 a strong span span
{
background: url('images/nav1-btn-bg.png') repeat-x;
height: 27px;
line-height: 27px;
padding: 0;
float: left;
font-size: 0.9em;
}
#nav1 a:hover strong span span, #nav1 a:hover span span span
{
text-decoration: underline !important;
}
#nav2
{
background: url('images/nav2-bg.png') repeat-x;
width: 100%;
float: left;
}
#nav2 ul
{
background: url('images/nav2-bg-left.png') no-repeat;
margin: 0;
padding: 0 0 0 15px;
list-style: none outside;
height: 30px;
line-height: 30px;
}
#nav2 ul li
{
float: left;
height: 30px;
line-height: 30px;
display: block;
}
#nav2 a
{
text-decoration: none;
float: left;
}
#nav2 a:hover span span span, #nav2 a:hover strong span span
{
text-decoration: underline;
}
#nav2 a span span span
{
color: White;
padding: 0 15px 0 0;
height: 30px;
line-height: 30px;
font-size: 0.9em;
}
#nav2 a strong
{
background: white url('images/nav2-btn-left.png') no-repeat left bottom;
height: 25px;
line-height: 25px;
float: left;
margin: 5px 15px 0 0;
}
#nav2 a strong span
{
background: url('images/nav2-btn-right.png') no-repeat top right;
height: 25px;
line-height: 25px;
float: left;
}
#nav2 a strong span span
{
padding: 0 10px;
color: #010101;
height: 25px;
line-height: 25px;
font-size: 0.9em;
}
#nav2 .spacer
{
background: url('images/nav2-spacer.png') no-repeat;
width: 1px;
overflow: hidden;
display: inline-block;
height: 30px;
line-height: 30px;
margin: 0 10px 0 0;
}
/* search boxes */
.search-box
{
margin: 0;
padding: 0;
position: absolute;
top: 38px;
right: 10px;
}
.search-box2
{
display: block;
margin-top: 15px;
margin-bottom: 15px;
}
.search-box .search-caption
{
float: left;
padding: 0 5px;
font-size: 11px;
color: white;
font-weight: normal;
}
.search-box2 .search-caption
{
float: left;
line-height: 21px;
}
.search-input
{
float: left;
height: 22px;
line-height: 22px;
}
.search-input input
{
float: left;
border: solid 1px #C8DFF7;
background: #EDF6FF;
padding: 1px 5px;
color: #777676;
width: 120px;
font-size: 0.9em;
margin: 2px 0 0 5px;
}
.search-button
{
float: left;
margin: 0 5px;
}
.search-button span span
{
float: left;
display: block;
width: 20px;
}
.search-button span span input
{
display: none;
float: left;
background: url('images/btn-search.png' ) no-repeat left 0px;
display: block;
margin: 0px;
width: 20px;
height: 20px;
line-height: 20px;
border: none;
color: White;
font-weight: bold;
cursor: pointer;
top: 1px;
position: relative;
}
.cleaner
{
clear: both;
}
#two-col-holder
{
overflow: hidden;
padding: 0;
margin: 0;
width: 650px;
float: left;
}
#content
{
font-size: 1.1em;
padding: 15px 0 0 0;
line-height: 1.4em;
}
#content p
{
margin: 0 0 10px 0;
}
#content ul
{
margin-bottom: 20px;
}
#col-c
{
width: 273px;
float: right;
margin: 15px 15px 0 0;
}
#col-c.left
{
float: left;
}
.text-col-1
{
width: 250px;
float: left;
margin: 0 50px 0 0;
}
.text-col-2
{
width: 250px;
float: left;
}
.box h2
{
padding: 0;
margin: 0;
}
.box
{
width: 328px;
float: left;
background: url('images/box-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box.lm
{
margin: 0 0 0 10px;
}
.box .header
{
background: url('images/box-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box .footer
{
background: url('images/box-footer.png') no-repeat bottom;
padding: 0 0 5px 0;
}
.box .content
{
padding: 8px 15px;
}
.box2 h2
{
padding: 0;
margin: 0;
}
.box2
{
width: 273px;
float: left;
background: #F7FBFF url('images/box2-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box2 .header
{
background: url('images/box2-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box2 .footer
{
background: url('images/box2-footer.png') no-repeat bottom;
padding: 0 0 5px 0;
}
.box2 .content
{
padding: 8px 15px;
}
a.btn, a.btn2
{
background: url('images/btn-left.png') no-repeat;
height: 31px;
line-height: 31px;
display: inline-block;
color: White;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
a.btn input
{
background: none;
border: none;
color: White;
font-size: 1em;
font-weight: bold;
text-decoration: none;
padding: 0;
margin: 0;
height: 31px;
line-height: 31px;
}
a.btn span, a.btn2 span
{
height: 31px;
line-height: 31px;
display: inline-block;
background: url('images/btn-right.png') no-repeat top right;
padding: 0 12px;
}
a.btn2
{
background: url('images/btn2-left.png') no-repeat;
}
a.btn2 span
{
background: url('images/btn-right.png') no-repeat top right;
}
.center
{
text-align: center;
}
.w10
{
width: 100px;
}
h2.arrow
{
background: url('images/arrow2a.png') no-repeat 0 1px;
padding-left: 20px;
}
a.arrow
{
background: url('images/arrow2b.png') no-repeat 0 5px;
padding-left: 12px;
display: inline-block;
}
h2.arrow2
{
background: url('images/arrow2a.png') no-repeat 0 1px;
padding-left: 20px;
}
a.arrow2
{
background: url('images/arrow2b.png') no-repeat 0 5px;
padding-left: 12px;
display: inline-block;
}
.indent
{
padding-left: 15px;
}
.indent2
{
padding-left: 40px;
}
.indent3
{
padding-left: 80px;
}
.text-content
{
padding: 0 45px 0 15px;
}
.faq h2
{
font-size: 0.9em;
}
.faq ul, .news ul
{
list-style: none outside;
padding: 0 0 0 10px;
margin: 0;
}
.faq ul li
{
padding: 0 0 10px 0;
}
.news h2, .arrow-list h2
{
font-size: 0.9em;
}
.news p
{
margin: 0;
padding: 0;
display: inline;
padding: 0 0 10px 0;
}
.news li
{
padding: 0 0 25px 0;
}
hr
{
border: none;
border-top: solid 1px #C6DBE7;
}
.more
{
text-align: right;
padding-right: 15px;
}
/* forms begin */
.form .required-info
{
}
.form .required
{
color: #CE0808;
}
.form .field-info
{
padding: 0 10px 10px 10px;
width: 95%;
font-size: 0.83em;
font-weight: normal;
float: left;
line-height: normal;
color: #83888C;
}
.form-row
{
line-height: 35px;
}
.form-row .form-title
{
float: left;
width: 200px;
font-weight: bold;
color: #2149A5;
}
.form-row .textbox
{
border: solid 1px #93B5E7;
background: #EFF7FF;
vertical-align: middle;
padding: 3px 5px;
font-weight: bold;
color: #19367C;
}
.form-row .dropdownlist
{
border: solid 1px #93B5E7;
background: #EFF7FF;
vertical-align: middle;
padding: 3px 5px;
font-weight: bold;
color: #19367C;
}
.form-row .narrow
{
width: 200px;
}
.form-row .wide
{
width: 350px;
}
.form-row .textbox:focus
{
background: #FFF3DE;
}
.form .submit-button
{
padding: 10px 0 0 0;
}
/* forms end */
.box1
{
width: 620px;
}
.box3
{
width: 620px;
background: url('images/box3-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box3 .header
{
background: url('images/box3-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box3 .footer
{
background: url('images/box3-footer.png') no-repeat left bottom;
padding: 0 0 5px 0;
}
.box3 .content
{
padding: 15px 15px 15px 15px;
}
.box4
{
width: 620px;
background: url('images/box4-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box4 .header
{
background: url('images/box4-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box4 .footer
{
background: url('images/box4-footer.png') no-repeat left bottom;
padding: 0 0 5px 0;
}
.box4 .content
{
padding: 15px 15px 15px 15px;
}
/* messages begin */
.msg-error
{
color: #CE0808;
border: solid 2px #CE0808;
margin: 10px 0;
padding: 10px;
width: 100%;
}
/* messages end */
.gallery-images a, .gallery-images a:visited
{
border: solid 1px #C6DBE7;
padding: 3px;
display: inline-block;
}
.gallery-image
{
border: none;
display: inline-block;
}
ul.arrow-list
{
list-style: none outside;
margin: 0;
padding: 0;
}
table.prices
{
border: solid 1px #C6DBE7;
}
table.prices th
{
background: #6BBA21;
color: White;
padding: 2px 10px;
}
table.prices td
{
padding: 2px 10px;
}
.feature-list
{
width: 620px;
margin: 10px auto 40px auto;
table-layout: fixed;
border: solid 1px #C6DBE7;
padding: 0;
}
.feature-list.narrow
{
width: 450px;
}
.feature-list th.top-header
{
background: #6BBA21;
text-align: center;
color: White;
width: 100%;
}
.feature-list th
{
text-align: left;
padding: 0 5px 0 8px;
font-size: 0.9em;
font-weight: normal;
}
.feature-list th.header-info
{
font-weight: normal;
}
.feature-list tr
{
line-height: 24px;
}
.feature-list td
{
text-align: center;
}
.feature-list span.yes
{
background: url('images/yes.png') no-repeat;
padding: 0 0 0 23px;
line-height: 16px;
}
.feature-list span.no
{
background: url('images/no.png') no-repeat;
padding: 0 4px 0 26px;
line-height: 16px;
}
.info-img
{
width: 145px;
float: left;
}
.info-block
{
width: 430px;
float: left;
}
ul.side-menu
{
list-style: none outside;
margin: 0 0 25px 25px;
padding: 0;
}
ul.side-menu li
{
padding: 0;
margin: 0 0 1px 0;
}
ul.side-menu li h2
{
margin: 0;
padding: 0;
height: 29px;
line-height: 29px;
}
ul.side-menu li h2 a, ul.side-menu li h2 a:visited
{
display: block;
width: 230px;
height: 29px;
line-height: 29px;
background: url('images/side-menu-bg.png') no-repeat;
font-size: 12px;
padding: 0 0 0 30px;
overflow: hidden;
text-decoration: none;
font-weight: normal;
color: #4A4D4A;
position: relative;
}
ul.side-menu li h2 a:hover, ul.side-menu li h2 strong a
{
background: url('images/side-menu-bg-hover.png') no-repeat !important;
}
ul.side-menu li h2 a img
{
border: none;
padding: 0;
position: absolute;
top: 7px;
left: 8px;
}
.faq-search
{
font-size: 0.85em;
position: absolute;
top: -10px;
left: 20px;
background: white;
display: inline-block;
padding: 0 3px;
color: #218EFF;
}
.box3 .content.faq
{
margin: 0;
padding: 4px 10px;
width: 600px;
}
.search-box.faq
{
position: static;
width: 260px;
float: left;
display: inline-block;
}
.search-box.faq .search-input input
{
background: white;
width: 200px;
}
.faq .text
{
float: left;
font-weight: normal;
font-size: 0.85em;
padding: 0 0 0 10px;
}