html, body {
	background : #d6d6d6;
	font : 14px sans-serif;
}
body {
	background : url("imgs/shadow.png") repeat-y;
	margin     : 0 auto;
	width      : 910px;
}
#container {
	background : white;
	margin     : 0 auto;
	width      : 890px;
}

/***/
#header {
	padding  : 20px 53px 0;
    background: url(imgs/sticker.jpg) no-repeat center;
}
#footer {
	padding  : 15px 50px;
	margin-top   : 15px;
}
#header, #footer {
	overflow : hidden;
    zoom     : 1;
	height   : 1%;
}
#footer {
	background : #eee;
}
#header .logo {
	background : url("imgs/logo2.jpg") no-repeat left center;
	float  : left;
	height : 120px;
	width  : 240px;
}
#footer .mokselle-logo {
	background : url("imgs/logo-mokselle.png");
	display : block;
	float   : left;
	height  : 33px;
	margin  : 22px 0;
	width   : 125px;
}
#footer .contacts,
#header .contacts {
	float      : right;
	font-size  : 13px;
	margin     : 0 0 4px 0;
	text-align : right;
}
#footer .contacts .phone,
#header .contacts .phone {
	color       : #8b8b8b;
	font-size   : 24px;
	font-weight : bold;
	margin      : 0 0 4px 0;
}
#footer .contacts .phone em,
#header .contacts .phone em,
.action em {

}

/***/
.openWebIM {
	background : url("http://lite.webim.ru/okna5/webim/button.php?image=webim&lang=ru");
	display    : block;
	float      : right;
	height     : 61px;
	margin     : 4px 0 0 0;
	width      : 163px;
}
#top-info {
    line-height: 33px;
    background: #446788;
    color: white;
    font-size: 19px;
    text-align: center;
}

div.header, h1 {
	background : #7f878f url("imgs/h1-corner.png") right bottom no-repeat;
	clear      : both;
	color      : #fff;
	display    : block;
	font-size  : 20px;
	margin     : 0;
	overflow   : hidden;
	padding    : 8px 54px;
	width      : 260px;
}

/***/
.lynx {
	margin   : 0 auto;
	overflow : hidden;
	width      : 784px;
	height     : 58px;
}
.lynx li {
	display    : block;
	float      : left;
	margin     : 5px 2px 10px 2px;
	text-align : center;
	width      : auto;
	padding    : 9px;
}

.lynx li.current {
    border  : 3px solid #da170e;
	padding : 6px;
}
 
.lynx li a,
.lynx li span {
	display   : block;
	font-size : 19px;
}

.lynx li a {
	color     : #0071db;
}

.lynx li.current a {
	text-decoration: none;
}

.lynx li a:hover {
	color : #44a0ff;
}

/***/
.info-success,
.info-error {
	margin      : auto;
	overflow    : hidden;
	padding     : 7px 15px;
	width       : 800px;

	-moz-border-radius    : 4px;
	-webkit-border-radius : 4px;
}
.info-success {
	background : #efe;
	border     : 1px solid green;
	color      : green;
}
.info-error {
	background : #fee;
	border     : 1px solid red;
	color      : red;
}

/***/
.back_marketing {
	background-color: #deebf9;
}

.marketing {
	overflow : hidden;
	margin   : 0px auto 18px auto;
	width    : 832px;
}
.marketing div {
	height : 198px;
	width  : 408px;
}
.marketing .without-paiment {
	background : url("imgs/block-pig20.png");
	float      : left;
}
.marketing .color-as-white {
	background : url("imgs/block-window11.png");
	float      : right;
}
.marketing .content {
	height : 120px;
	margin : 12px 0 0 150px;
	width  : 240px;
}
.marketing .content h2 {
	color     : #fff;
	font-size : 18px;
	padding-bottom : 8px;
}
.marketing .content span {
	display : block;
}
.marketing .content .time {
	color       : #fff;
	font-size   : 12px;
	padding-top : 8px;
}
.marketing .buttons {
	height   : 30px;
	margin   : 19px 0 0 45px;
	overflow : hidden;
	width    : 315px;
}
.marketing .buttons a {
	color      : #000;
	display    : block;
	font-size  : 12px;
	height     : 14px;
	margin     : 1px;
	padding    : 7px;
	text-align : center;
	width      : 136px;
	text-decoration : none;
}
.marketing .buttons a:hover {
	text-decoration : underline;
}
.marketing .button-1 {
	float : left;
}
.marketing .button-2 {
	float : right;
}

/***/
.price-head {
    height: 45px;
	background : url(imgs/price-head.png) no-repeat left;
}

.windows {
	background : #fff;deebf9
	padding    : 13px 10px;
}
.windows ul {
	overflow : hidden;
}
.windows li {
	float      : left;
	font-size  : 11px;
	margin     : 2px 2px;
	text-align : center;
}
.windows li h3 {
	height : 4em;
}
.windows li img {
	display : block;
	margin  : 4px auto;
}
.windows li.window-1 {
	width: 90px;
}
.windows li.window-2 {
	width: 130px;
}
.windows li.window-3 {
	width: 175px;
}
.windows li.windoor-1 {
	width: 110px;
}
.windows li.windoor-2 {
	width: 140px;
}
.windows li.windoor-3 {
	width: 190px;
}
.windows li em {
	color : #da170e;
}
.windows .descr {
	font-size : 15px;
	margin : 12px auto;
	width  : 800px;
}
.windows .descr p {
    margin-bottom: 15px;
}
.windows .descr em {
	color : #da170e;
}
.windows .contact {
	font-size : 13px;
	margin : 23px auto 15px auto;
	width  : 800px;
    overflow: hidden;
    zoom: 1;
}
.windows .contact label {
    display: block;
    float: left;
	margin     : 5px 0px 5px 0px;
	padding    : 4px;
}
.windows .contact input {
    float: left;
	background : #fff;
	border     : 1px solid #a8a8a8;
	color      : #000;
	margin     : 4px 16px 4px 4px;
	padding    : 4px;
}
.windows .contact input.button {
	background  : url("imgs/button.png") #bbb;
	border      : 1px solid #a8a8a8;
	color       : #fff;
	font-weight : bold;
	padding     : 3px 8px;
}

/***/
.companies {
	background : #eee;
	padding    : 8px;
}
.companies h2 {
	color      : #da170e;
	display    : block;
	font-size  : 16px;
	padding    : 12px;
	text-align : center;
}
.companies ul {
	background : #fff;
	height     : 100px;
	margin     : 8px auto;
	overflow   : hidden;
	padding    : 0;
	width      : 832px;
}
.companies li {
	float : left;
	text-align : center;
	height  : 60px;
	padding : 20px 0;
	width   : 208px;
}

/***/
.opinions ul {
	margin   : 25px auto 20px;
	overflow : hidden;
	width    : 810px;
}

.opinions p {
    color: #5D5D5D;
}

.opinions li {
	float   : left;
	padding : 2px 10px;
	width   : 248px;
}
.opinions li strong,
#header .contacts strong {
	display     : block;
	font-size   : 16px;
	font-weight : bold;
}
.opinions li em {
	color   : #86b2da;
	display : block;
	margin  : 0 0 4px 0;
}
.opinions .link {
	margin     : 8px auto;
	text-align : right;
	width      : 810px;
}
.opinions .link a {
	color : #0071db;
}
.opinions .link a:hover {
	color : #44a0ff;
}

/***/
.a-contacts {
	background : #deebf9;
	overflow   : hidden;
	margin-bottom: 20px;
    padding: 20px 50px;
}

    .a-contacts .print {
        background: url(imgs/print.png) no-repeat top center;
        text-align: center;
        width: 70px;
        float: right;
    }

        .a-contacts .print a {
            display: block;
            padding-top: 42px;
            font-size: 12px;
            color: #6d737a;
        }

        .a-contacts .print a:hover {
            color: black;
        }

    .a-contacts .addresses {
        padding: 20px 46px;
        font-size: 14px;
        line-height: 17px;
    }

        .a-contacts .addresses address.phone {
            display: inline;
        }

            .a-contacts .addresses address.phone strong {
                font-weight: bold;
                color: #da170e;
            }

    .a-contacts .metro {
        background: url(imgs/metro.png) top left no-repeat;
        padding-left: 47px;
        line-height: 30px;
        vertical-align: center;
        font-weight: bold;
        font-size: 16px;
    }

/***/
.consult {
	margin   : auto;
	overflow : hidden;
	width    : 840px;
}
.consult .block {
	height : 137px;
	width  : 408px;
}
.consult .phone {
	background : url("imgs/phone-you.png");
	float      : left;
}
.consult .consult-woman1,
.consult .consult-woman2,
.consult .consult-woman3,
.consult .consult-woman4 {
	float      : right;
}

.consult .consult-woman1 {
	background : url("imgs/your-consult-woman1.png");
}
.consult .consult-woman2 {
	background : url("imgs/your-consult-woman2.png");
}
.consult .consult-woman3 {
	background : url("imgs/your-consult-woman3.png");
}
.consult .consult-woman4 {
	background : url("imgs/your-consult-woman4.png");
}

.consult .phone h3 {
	font-size   : 16px;
	font-weight : bold;
	margin      : 8px 0 8px 24px;
}
.consult .phone table {
	margin : 0 0 0 24px;
}
.consult .phone td {
	color   : #666;
	padding : 2px 8px 2px 2px;
}
.consult .phone input {
	background : #fff;
	border     : 1px solid #a8a8a8;
	color      : #000;
	padding    : 2px;
	width      : 120px;
}
.consult .phone input.button {
	background  : url("imgs/button.png") #bbb;
	border      : 1px solid #a8a8a8;
	color       : #fff;
	font-weight : bold;
	padding     : 1px 8px;
	width       : 126px;
}
.consult .consult h3 {
	font-size   : 16px;
	font-weight : bold;
	margin      : 8px 0 8px 24px;
}
.consult .consult .name {
	color     : #da170e;
	font-size : 18px;
	margin    : 8px 0 8px 24px;
}
.consult .consult .number,
.consult .consult .icq {
	margin : 0 0 0 24px;
}

/***/
.order-floating-block span {
	display   : block;
	padding   : 2px;
}
.order-floating-block input,
.order-floating-block textarea {
	background : #fff;
	border     : 1px solid #ccc;
	color      : #000;
}
.order-floating-block input.button  {
	background : #e4e4e4;
	border     : 1px solid #ccc;
	margin     : 4px;
	padding    : 2px 32px;
	font-size  : 12px;

	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
}

/***/
.a-services ul,
.faq ul {
    padding: 5px 25px;
}

.a-services ul li,
.faq ul li {
    padding: 3px 0px;
    list-style: disc;
}

.faq, .a-services,
.action {
	background : #deebf9;
	margin     : 0;
	overflow   : hidden;
	padding    : 8px 8px 24px 8px;
}
.faq ul.menu, .a-services ul.menu {
	margin    : 8px auto 2px auto;
	width     : 788px;
}
.faq ul.menu li, .a-services ul.menu li {
	padding-bottom : 6px;
    list-style: none;
}
.faq ul.menu li a, .a-services ul.menu li a {
	border-bottom   : 1px dashed #99c;
	color           : black;
	font-size       : 14px;
	text-decoration : none;
}
.faq ul.menu li a:hover, .a-services ul.menu li a:hover {
	border-bottom-style : solid;
}
.faq dt, .a-services dt {
	color     : #da170e;
	font-size : 17px;
	margin    : 12px auto 2px auto;
	width     : 788px;
}
.a-services dt {
	cursor : pointer;
}
.faq dd, .a-services dd {
	font-size : 14px;
	margin    : 2px auto 12px auto;
	width     : 788px;
}
.faq dd p, .a-services dd p {
	margin-bottom : 5px;
}
.faq dd strong, .a-services dd strong {
	font-weight : bold;
}
.faq dd em, .a-services dd em {
	color      : #da170e;
	font-style : italic;
}
.faq dd a, .a-services dd a {
	color : #0071db;
}
.faq dd a:hover, .a-services dd a:hover {
	color : #44a0ff;
}

/***/
.h-profiles {
	background : #EEE;
	overflow   : hidden;
    zoom       : 1;
	margin-bottom: 20px;
	padding-top:16px; 
}

.h-profiles a {
    text-decoration: none;
}

.h-profiles ul {
    margin: 0px auto 30px auto;
    width: 832px;
    background: white;
}

.h-profiles ul li {
    width: auto;
    height: 88px;
    float: left;
}

.a-profiles {
	background : #EEE;
	overflow   : hidden;
	margin-bottom: 20px;
}

.profiles {
	background : #deebf9;
	overflow   : hidden;
	margin-bottom: 20px;
	padding-top:16px;
    text-align: center; 
}

.profiles h2,
.h-profiles h2 {
	color      : #da170e;
	font-size  : 17px;
	margin     : 0 0 20px 0;
	text-align : center;
	font-weight: bold;
}

.profiles ul {
    margin: 0px auto 30px auto;
    width: 832px;
    background: white;
}

.profiles ul li {
    width: auto;
    height: 88px;
    float: left;
}

.profiles table {
	margin : auto;
}
.profiles td {
	padding : 12px;
}
.profiles td img {
	display : block;
}
.profiles td input {
	margin : 8px;
}
.profiles input.button,
.faq input.button {
	background  : #cfdbe8 url("imgs/profile-button-gradient.png") repeat-x;
	border      : 2px solid #9ea7b1;
	color       : #fff;
	display     : block;
	height      : 38px;
	font-size   : 15px;
	font-weight : bold;
	margin      : 8px auto 24px auto;
	padding     : 8px;
}

.clr {
    clear: both;
    font-size: 1px;
    height: 1px;
}

.action {
    padding: 20px 80px;
}

.action li {
    list-style: disc outside;
}

.action img {
    margin-right:20px;
}

.action p {
    margin: 0 80px 10px 0;
}

.action h2 {
    margin: 10px;
    font-size: 18px;
    color: #DA170E;
}

.action strong {
    color: #DA170E;
}

.counter {
	margin: 5px 0px;
    display: block;
}

h1 {
	width : 600px;
	font-size : 1.2em;
	margin     : 12px 0 0 0 ;
}

div.gs {
	background : #deebf9;
	margin     : 0 0 12px 0;
	overflow   : hidden;
	padding    : 8px 8px 24px 8px;
}
div.gs h2,
div.gs h3,
div.gs p {
	margin : 8px auto 2px auto;
	width  : 788px;
}
.gs h2,
.gs h3 {
	color     : #da170e;
	font-size : 17px;
	width     : 788px;
}
.gs h3 {
	font-size : 16px;
}

.overlay {
    position: fixed;
    width: 250px;
    height: 320px;
    margin: -20px 10px;
    right: 0px;
}

.night {
    background: url(imgs/overlay-back.png) no-repeat center;
}

.night .content {
    padding: 30px;
    color: white;
}

.night .content h2 {
    font-size: 22px;
    color: red;
}

.night .content p {
    font-size: 11px;
}

.overlay a.button {
    display: block;
    width: 93px;
    height: 33px;
    margin:8px auto;
    background: url(imgs/but.png) no-repeat center;
    line-height: 33px;
    text-align: center;
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.overlay a.button:hover {
    text-decoration: underline;
}

.overlay input {
    border: none;
    margin-top: 5px;
    font-size: 12px;
    padding: 2px;
    width: 185px;
    opacity: 0.8;
}

.invisible {
    display: none;
}

.catalog {
	background-color: #7f878f;
	height: 50px;
}

.catalog a {
	text-align: center;
	margin-right: 40px;
	margin-left: 55px;
	color: #fff;
	font-size: 18px;
	line-height: 45px;
}

.bathname {
	font-size: 18px;
	color: #43a8ce;
	margin-top: 15px;
}

.bathname2 {
	font-size: 15px;
	color: #43a8ce;
	margin-top: 5px;
}

.bathsize {
	font-size: 14px;
	margin-top: 2px;
}

.types {
	color: #646464; 
	font-size: 20px; 
	margin-left: 45px; 
	padding-top: 20px;
}

.types2 {
	color: #646464; 
	font-size: 20px; 
	margin-left: 10px; 
	padding-top: 20px;
}

.profiles2 {

	overflow   : hidden;

    text-align: center; 
}

.profiles2 input.button,
.faq input.button {
	background  : #cfdbe8 url("imgs/profile-button-gradient.png") repeat-x;
	border      : 2px solid #9ea7b1;
	color       : #fff;
	display     : block;
	height      : 30px;
	font-size   : 15px;
	font-weight : bold;
	margin      : 8px auto 24px auto;
	padding     : 4px;
}

.profiles2 input.button2,
.faq input.button {
	background  : #cfdbe8 url("imgs/profile-button-gradient.png") repeat-x;
	border      : 2px solid #9ea7b1;
	color       : #fff;
	margin-right: 10px;
	height      : 30px;
	font-size   : 15px;
	font-weight : bold;
	margin-top: 10px;
	padding     : 4px;
}

.profiles2 input.button3,
.faq input.button {
	background  : #cfdbe8 url("imgs/profile-button-gradient.png") repeat-x;
	border      : 2px solid #9ea7b1;
	color       : #fff;

	height      : 30px;
	font-size   : 15px;
	font-weight : bold;

	padding     : 4px;
}

.show {
cursor: pointer;
color: #81755C;
font-weight: bold;
}

#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 2px;
visibility: hidden;
z-index: 10;
background: #efefef;
border: solid 1px #f5f5f5;
border-bottom-color: #a6a6a6;
border-right-color: #a6a6a6;
}

#thumbBox .footerbar{
background: #efefef;
padding: 5px 0;
text-align: right;
}


#thumbImage{
background-color: #efefef;
text-align: center;
color: #000;
font-weight: bold;
FONT-SIZE: 10px;
}

#thumbLoading{
position: absolute;
visibility: hidden;
border: 1px solid #000;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}