body, html
{
    margin:0;
    padding:0;
    color:#333;
    font:13px/19px Arial, Helvetica;
    background:#FFF;
    height:100%;
}

a
{
    color:#09f;
}

a:hover
{
    text-decoration:none;
}

a img
{
    border:none;
}

.clear
{
    float:none;
    clear:both;
}

#root-container
{
    min-height:100%;
    _height:100%;
    margin-bottom:-376px;
}

#root-wrapper
{
    padding-bottom:376px;
}

#footer-container
{
    width:100%;
    height:376px;
}

#footer-light
{
    background-color:#f7f7f7;
    border-top:1px solid #d1d6cf;
    padding:7px 0 0;
}

.footer-links span
{
    font-size:10px;
    margin:0 12px;
    line-height:19px;
    vertical-align:bottom;
}

.footer-links a
{
    font-size:13px;
}

.footer-links a:hover
{
    text-decoration:none;
}

#footer-light .footer-links
{
    color:#666;
    padding:0 20px 7px;
    margin:0 20px;
    border-bottom:1px solid #dfe3e4;
}

#footer-light a
{
    color:#069;
}

#footer-light a.active
{
    color:#666;
    text-decoration:none;
    cursor:default;
}

#footer-dark
{
    height:180px;
    color:#ebf5e9;
    padding:40px 0 0;
    border-top:1px solid #cdd3cb;
    background:#a8aca8 url(../img/footer_bg.png) repeat-x top center;
}

#footer-dark a
{
    color:#ebf5e9;
}

#footer-dark .footer-links
{
    border-bottom:1px solid #c2c5c2;
    padding-bottom:20px;
}

#footer-copyright
{
    padding-top:105px;
    text-align:center;
}

.footer-roller
{
    position:relative;
}

.footer-roller,
.footer-roller ul,
.footer-roller ul li,
.roller-groups
{
    height:120px;
}

.roller-groups
{
    overflow:hidden;
}

.footer-roller a.arrow-next
{
    right:0;
}

.footer-roller a.arrow-prev
{
    left:0;
}

.footer-roller a
{
    top:50px;
    position:absolute;
    display:block;
    background:transparent url(../img/roller_arrows.png) no-repeat 0 0;
    width:11px;
    height:20px;
}

.footer-roller a.arrow-next
{
    background-position:-11px -20px;
}

.footer-roller a.arrow-prev
{
    background-position:0 -20px;   
}

.footer-roller a.arrow-next.disabled
{
    cursor:default;
    background-position:-11px 0;
}

.footer-roller a.arrow-prev.disabled
{
    cursor:default;
    background-position:0 0;
}

.footer-roller ul
{
    margin:0 40px;
    padding:0;
    list-style:none;
    white-space:nowrap;
    overflow:hidden;
}

.footer-roller ul li
{
    background-repeat:no-repeat;
    background-position:center center;
    width:20%;
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

.centered-container
{
    width:980px;
    min-width:980px;
    margin:0 auto;
}

#header-container
{
    border-bottom:4px solid #d5d9d3;
    padding-bottom:8px;
}

#header-icons
{
    height:25px;
    padding-top:8px;
    padding-left:10px;
    padding-bottom:20px;
}

#header-icons a
{
    background:transparent url(../img/header_icons.png) no-repeat 0 0;
    width:12px;
    height:10px;
    margin:0 10px;
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#header-icons .icon-home
{
    background-position:0 -10px;
}

#header-icons .icon-home:hover
{
    background-position:0 0;
}

#header-icons .icon-contacts
{
    background-position:-12px -10px;
}

#header-icons .icon-contacts:hover
{
    background-position:-12px 0;
}

#header-icons .icon-sitemap
{
    background-position:-24px -10px;
}

#header-icons .icon-sitemap:hover
{
    background-position:-24px 0;
}

#header-logo
{
    float:left;
}

#header-info
{
    margin-top:25px;
    margin-left:320px;
}

#header-links
{
    font-family:Tahoma;
    padding-top:20px;
}

#header-links span
{
    font-size:10px;
    margin:0 12px;
    line-height:19px;
    vertical-align:bottom;
}

#header-links a
{
    font-size:13px;
}

#header-links a:hover
{
    text-decoration:none;
}

#header-contacts
{
    float:right;
    height:55px;
    padding-top:5px;
    padding-left:90px;
    border-left:1px solid #ccc;
}

#header-phone
{
    color:#999;
    line-height:22px;
    font-size:25px;
    min-height:45px;
    background:transparent url(../img/header_phone.png) no-repeat 0 0;
    padding-left:50px;
    padding-top:2px;
}

#header-phone small
{
    color:#666;
    display:block;
    font-size:12px;
}

#header-phone a
{
    padding-left:4px;
}

#subheader-container
{
    height:50px;
    background-color:#efefef;
}

h1.body-title
{
    color:#488e19;
    background:transparent url(../img/header_arrow.png) no-repeat 0 12px;
    margin:0 0 0 -15px;
    padding:0 0 25px 15px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:26px;
    line-height:1.2em;
    font-weight:normal;
}

#body-container
{
    margin:-40px auto 50px;
}

#body-leftcol
{
    float:left;
    width:300px;
}

#body-rightcol
{
    margin-left:320px;
    margin-right:20px;
}

#body-menu
{
    padding-bottom:20px;
}

#body-menu ul
{
    list-style:none;
    margin:20px;
    padding:0;
}

#body-menu li
{
    font-weight:bold;
    line-height:1.2em;
    margin-bottom:20px;
}

#body-menu li.highlight > a
{
    color:#390;
}

#body-menu li.active > a
{
    color:#390;
    text-decoration:none;
}

#body-menu li li li
{
    font-weight:normal;
    font-size:0.9em;
}

#body-menu li li li li.active > a
{
    color:#333;
}

#body-menu li li
{
    margin-bottom:10px;
}

#body-menu li ul
{
    margin:10px 0 20px 20px;
}

#body-offers
{
    background-color:#eaf2e4;
    border:1px solid #e2f0d6;
    padding:20px;
    width:210px;
    margin-top:50px;
}

#body-offers h2
{
    color:#5fad1e;
    border-bottom:1px solid #488e19;
    font-weight:normal;
    font-size:22px;
    padding:0 0 7px;
    margin:0;
}

#body-offers ul
{
    list-style:none;
    margin:0;
    padding:0;
}

#body-offers ul li
{
    font-size:11px;
    color:#333;
    line-height:1.5em;
    margin:30px 0 0;
}

#body-offers ul li:first-child
{
    margin-top:15px;
}

#body-offers a
{
    display:block;
    text-align:right;
}

#body-calc
{
    margin:20px 0;
    width:157px;
    background:#d2e4bf url(../img/body_calc.png) no-repeat 15px center;
    border:1px solid #94ad7e;
    color:#333;
    font-size:12px;
    line-height:1.5em;
    padding:15px 15px 15px 78px;
}


#carousel
{
    position:relative;
    margin:0 0 50px;
    padding-top:3px;
}

#carousel .shadow
{
    background:transparent url(../img/carousel_shadow.png) no-repeat center top;
    height:14px;
}

#carousel .markers
{
    text-align:center;
    list-style:none;
    margin:0;
    padding:0;
}

#carousel .markers li
{
    margin:0 5px;
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#carousel .markers a
{
    display:block;
    width:10px;
    height:10px;
    background:transparent url(../img/carousel_markers.png) no-repeat -10px 0;
}

#carousel .markers .active a
{
    cursor:default;
    background-position:0 0;
}

#carousel .pages,
#carousel .page,
#carousel .pages ul,
#carousel .pages li
{
    height:240px;
    width:640px;
}

#carousel .pages 
{
    position:relative;
    overflow:hidden;
}

#carousel .pages ul
{
    list-style:none;
    margin:0;
    padding:0;
    white-space:nowrap;
}

#carousel .pages li
{
    background-repeat:no-repeat;
    background-position:center center;
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#carousel .page
{
    position:relative;
}

#carousel h2
{
    font-size:22px;
    color:#488e19; 
    line-height:1.2em;
    font-weight:normal;
    margin:0 0 10px;
}

#carousel p
{
    color:#333;
    font-size:13px;
    line-height:1.25em;
    margin:0 0 10px 0;
    padding:0;
}

#carousel .info
{
    width:47%;
    white-space:normal;    
    position:absolute;
    padding:25px 20px;
}

#carousel .arrow
{
    display:block;
    width:16px;
    height:30px;
    position:absolute;
    right:0;
    top:50%;
    z-index:10;
    background:transparent url(../img/carousel_arrow.png) no-repeat 0 0;
}

#carousel .info-top
{
    top:0;
}

#carousel .info-left
{
    left:0;
}

#carousel .info-bottom
{
    bottom:0;
}

#carousel .info-right
{
    right:0;
}

.index-icons
{
    width:70px;
    height:70px;
    display:block;
    background:transparent url(../img/index_icons.png) no-repeat 0 0;
}

.icon-users
{
    background-position:0 0;
}

.icon-gear
{
    background-position:-70px 0;
}

.icon-eye
{
    background-position:-140px 0;
}


.wfcontent .index-table 
{
    margin:40px 0 20px;
}

.wfcontent .index-table th,
.wfcontent .index-table td
{
    background:none;
    border:none;
    color:#333;
    width:33.3%;
}

.wfcontent .index-table th
{
    vertical-align:bottom;
    padding:0 15px;
}

.wfcontent .index-table td
{
    color:#666;
    line-height:1.2em;
    border-right:1px solid #e7e7e7;
    padding:5px 15px;
    vertical-align:top;
}

.wfcontent .index-table td:first-child,
.wfcontent .index-table th:first-child
{
    padding-left:0;
}

.wfcontent .index-table th:last-child,
.wfcontent .index-table td:last-child
{
    border-right:none;
    padding-right:0;
}

.index-shadow
{
    background:transparent url(../img/index_shadow.png) no-repeat center top;
    height:20px;
    margin-bottom:20px;
}

.modal-background
{
    background-color:#000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
}

.modal-window
{
    text-align:center;
    position:fixed;
    top:0;
    z-index:102;
}

#callme
{
    display:none;
    width:400px;
    text-align:center;
    background-color:#FFF;
    border:5px solid #EEE;
    border-radius:4px;
    padding:20px;
}

#callme a
{
    position:absolute;
    top:10px;
    right:10px;
    color:#933;
    text-decoration:none;
    font-size:22px;
    font-weight:bold;
}

#callme a:hover
{
    color:#F33;
}

#callme .fields
{
    width:350px;
    text-align:left;
    margin:0 auto;
}

#callme label
{
    display:block;
    text-align:left;
}

#callme input
{
    width:100%;
    display:block;
    margin:0 0 20px;
}

#callme h2
{
    margin:0 0 20px 0;
}

#callme button
{
    box-shadow:0 0 5px -2px #000;
    background-color:#09F;
    border:none;
    border-radius:5px;
    color:#FFF;
    padding:4px 7px;
    cursor:pointer;
    background: #00cbff;
    background: -moz-linear-gradient(top,  #00cbff 0%, #0099ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cbff), color-stop(100%,#0099ff));
    background: -webkit-linear-gradient(top,  #00cbff 0%,#0099ff 100%);
    background: -o-linear-gradient(top,  #00cbff 0%,#0099ff 100%);
    background: -ms-linear-gradient(top,  #00cbff 0%,#0099ff 100%);
    background: linear-gradient(to bottom,  #00cbff 0%,#0099ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cbff', endColorstr='#0099ff',GradientType=0 );

}

#callme button:hover
{
    filter:none;
    background:#09F;
}

#calculate
{
    background-color:#f2fbdd;
    border:1px solid #dbe4b0;
    padding:20px;
}

#calculate h2
{
    color:#333;
    font-weight:normal;
    font-family:Arial;
    font-size:24px;
    margin:0;
    padding:0;
}

#calculate .block
{
    margin:15px 0 30px;
    background-color:#e0efbc;
    padding:15px 20px;
}

#calculate .button-wrapper
{
    text-align:center;
}

#calculate .button-border
{
    padding:2px;
    border-radius:5px;
    background: #93cc45;
    background: -moz-linear-gradient(top,  #93cc45 0%, #478a0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93cc45), color-stop(100%,#478a0e));
    background: -webkit-linear-gradient(top,  #93cc45 0%,#478a0e 100%);
    background: -o-linear-gradient(top,  #93cc45 0%,#478a0e 100%);
    background: -ms-linear-gradient(top,  #93cc45 0%,#478a0e 100%);
    background: linear-gradient(to bottom,  #93cc45 0%,#478a0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cc45', endColorstr='#478a0e',GradientType=0 );
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#calculate button
{
    box-shadow:0 1px 2px -1px #FFF inset;
    font-size:18px;
    color:#FFF;
    cursor:pointer;
    border-radius:3px;
    border:none;
    margin:0;
    padding:10px 15px;
    background: #abe070;
    background: -moz-linear-gradient(top,  #abe070 0%, #52a510 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe070), color-stop(100%,#52a510));
    background: -webkit-linear-gradient(top,  #abe070 0%,#52a510 100%);
    background: -o-linear-gradient(top,  #abe070 0%,#52a510 100%);
    background: -ms-linear-gradient(top,  #abe070 0%,#52a510 100%);
    background: linear-gradient(to bottom,  #abe070 0%,#52a510 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe070', endColorstr='#52a510',GradientType=0 );
}

#calculate .button-border:hover
{
    background:#52a510;
    filter:none;
}

#calculate .button-border:hover button
{
    box-shadow:none;
    filter:none;
    background:none;
    background-color:#78cc24;
}

#calculate .result
{
    display:none;
    margin-top:30px;
    padding:20px 0;
    border-top:1px solid #dbe4b0;
    text-align:center;
}

#calculate small
{
    font-size:12px;
    line-height:12px;
    display:block;
}

#calculate .price
{
    font-size:28px;
    line-height:1.2em;    
    text-align:left;
    padding:0 20px;
    display:inline-block;
    /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#calculate table .cb
{
    line-height:20px;
}

#calculate table
{
    width:100%;
    border:none;
}

#calculate table .txt
{
    text-align:right;
    margin:1px 0 0;
    width:50px;
    padding:2px;
}

#calculate table td
{
    padding:5px 0;
    vertical-align:middle;
}

#calculate table td.separator
{
    width:40px;
}

#calculate table input
{
    margin:0 10px 4px 0;
    padding:0;
    vertical-align:middle;
    display:inline-block;
     /* хак inline-block для IE 6-7 */
    _overflow: hidden;
    zoom: 1; 
    *display:inline;
}

#calculate ul
{
    list-style:none;
    margin:0;
    padding:0;
}

#calculate ul li
{
    margin-bottom:20px;
}

#calculate ul input
{
    float:left;
}

#calculate ul label
{
    display:block;
    margin-left:30px;
}

#calculate ul strong
{
    display:block;
}


.offers
{
    margin:0;
    padding:0;
    list-style:none;
}

.offers li
{
    margin-bottom:30px;
}

.offers a
{
    text-decoration:none;
}

.offers a:hover strong
{
    text-decoration:underline;
}

.offers strong
{
    display:block;
}

.offers p
{
    margin:0;
    color:#333;
}

.pagination
{
    font-size: 12px;
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
}

.pagination li
{
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 5px;
    text-align: center;
}

.pagination li a
{
    text-decoration:none;
    min-width: 16px;
    padding:0 5px;
    display:block;
}

.pagination li:hover
{
    background-color:#09F;
}

.pagination li:hover a
{
    color:#FFF;
}

.pagination li.inactive:hover
{
    background: none;
}

.pagination li.active
{
    background-color: #09F;
}

.pagination li.active a
{
    color:#FFF;
}

span.apply-button {
    background: #027fc1;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    text-transform: uppercase;
    text-decoration: none;
}

span.apply-button:hover {
    background: #4ca6da;
    cursor: pointer;
}
