/* *************** */
/* COMMON */
*{
    margin: 0;
    padding: 0;
    outline: 0;
}
html, body{height: 100%;}
body{
    background: #ffffff;
    color: #656262;
    font: 12px Tahoma;
    font-family: Verdana;
}
.clear{clear: both;}
.left{float: left;margin-right: 10px}
.right{float: right;margin-left: 10px}
.center{display: block; margin: 0 auto}
img.left{}
img.right{}

.content_wrapper {
    background: #ffffff;
    width: 990px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/* *************** */
/* COLUMNS  */
.first{
    margin-left: 0;
    margin-right:5px;
}
.inner{
    margin-left: 5px;
    margin-right:5px;
}
.last{
    margin-left: 5px;
    margin-right:0;
}

/* *************** */
/* BLOCKS */
.col_left{
    float: left;
    width: 280px;
    margin-right: 10px;
}
.col_right{
    float: left;
    width: 700px;
}

/* *************** */
/* FONTS & HEADERS */
a{color: #56aed2;;text-decoration: underline;}
a:hover{color: #c82f36text-decoration: none;}
.quiet{color: #777777;}
.quiet a{color: #777777;}
h1{
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}
h2{
    color: #c53034;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
}
h3{
    color: #027e40;
}
h4{
    color: #027e40;
}


/* *************** */
/* BACKGROUNDS */

/* *************** */
/* FORMS */
label{
    display: block;
    color: #027e40;
}
form.dataform{
    margin: 5px;
    padding: 20px;
    background: #f5f5f5;
}
.dataform .red{
    color: red;
}
    .dataform label{
        float: left;
        width: 150px;
        text-align: right;
        margin: 5px 10px;
    }
    .dataform input[type="text"], .dataform input[type="password"]{
        background: #efefef;
        border: 1px solid gray;
        width: 135px;
        padding: 2px;
        color: #555555;
    }
    .dataform .submits{
        margin-left: 170px;
        margin-top: 10px;
    }
    .dataform input[type="submit"], .dataform input[type="submit"]{
        border: 1px solid gray;
        background: #2f5680;
        color: #ffffff;
        padding: 5px;
        margin-right: 5px;
    }
    .dataform legend{
        color: #555555;
        font-size: 14px;
        font-weight: bold;
    }
    .dataform fieldset{
        border: 1px solid #a9a9a9;
        padding: 10px;
        margin: 10px 0  2;
    }
    .dataform textarea{
		width: 400px;
		height: 150px;
        background: #efefef;
    }
    label{
        display: block;
        color: #2f5680;
    }


/* *************** */
/* OVERALL HEADER */
.topmenu{
    width: 100%;
    position: fixed;
    top: 0;
    height: 34px;
    background: #e0e0e0;
    z-index: 200;
    border-bottom: 2px solid #bc252a;
}
    .head_menu{
        height: 34px;
        float: right;
        margin-right: 100px;
    }
        .head_menu li{
            float: left;
            list-style: none;
        }
        .head_menu li a{
            display: block;
            padding: 7px 20px 7px;
            font-size: 10px;
            line-height: 20px;
            color: #1e1e1e;
            text-transform: uppercase;
            text-decoration: none;
        }
        .head_menu li a.active, .head_menu li a:hover{
            background: #bc252a;
            color: white;
        }
        .head_menu li a:hover{
            text-decoration: underline;
        }
    .topline{
        height: 2px;
        background: #bc252a;
    }
.brand_select{
    float: right;
    position: relative;
}
    .brands_link_holder{
        height: 16px;
        width: 146px;
        margin: 10px;
        padding: 1px;
        border: 1px solid #b1afaf;
        background: #ffffff no-repeat 130px 1px;
    }
    .brands_link_holder a{
        display: block;
        color: #949494;
        float: left;
    }
    .brands_link{
        width: 125px;
        font-size: 10px;
        margin: 2px 0 0 5px;
    }
    .brands_link:hover{
        text-decoration: none;
        color: #545454;
    }
    .brands_caret{
        width: 16px;
        height: 16px;
        background: url("images/brand_select.png");
    }
    .brands_list{
        width: 110px;
        top: 30px;
        left: 10px;
        display: none;
        padding: 10px;
        background: white;
        border: 1px solid #b1afaf;
        position: absolute;
        z-index: 100;
    }
    .brands_list li {
        list-style: none;
        height: 20px;
    }
    .brands_list li a {
        list-style: none;
    }
.header{
    margin-top: 34px;
    height: 74px;
}
.sitelinks{
    width: 25px;
    height: 74px;
    background: #ececec;
    overflow: hidden;
    float: left;
}
    .sitelinks a{
        display: block;
        width: 11px;
        height: 11px;
        margin: 10px 0 0 7px;
    }
    .sitelinks .home{background: url("images/ico_home.png") no-repeat}
    .sitelinks .mail{background: url("images/ico_mail.png") no-repeat}
    .sitelinks .sitemap{background: url("images/ico_map.png") no-repeat}
.logo{
    background: url("images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    width: 232px;
    height: 51px;
    margin: 15px 0 0 30px;
}
.bannerset{
    height: 258px;
    background: url("images/bannerset_bg.png") no-repeat center;
}
    .bannerset .content_wrapper{
        height: 258px;
        background: #FFFFFF;
    }
    .sphere_menu{
		width: 280px;
		height: 171px;
		background: #cdefff;
		padding-top: 5px;
    }
    .sphere_menu li{
        height: 20px;
        list-style: none;
        background: url("images/ico_service.png") no-repeat 2px;
        padding: 7px 0 0 40px;
    }
    .sphere_menu li:hover{
        background: url("images/ico_service_a.png") no-repeat 2px;
    }
    .sphere_menu li.service_1{
        background: url("images/serviceico_1.png") no-repeat 2px;
    }
    .sphere_menu li.service_2{
        background: url("images/serviceico_2.png") no-repeat 2px;
    }
    .sphere_menu li.service_3{
        background: url("images/serviceico_3.png") no-repeat 2px;
    }
    .sphere_menu li.service_4{
        background: url("images/serviceico_4.png") no-repeat 2px;
    }
    .sphere_menu li.service_5{
        background: url("images/serviceico_5.png") no-repeat 2px;
    }
    .sphere_menu li.service_6{
        background: url("images/serviceico_6.png") no-repeat 2px;
    }
    .sphere_menu li a{
        text-decoration: none;
        color: #3d474c;
        font-size: 11px;
    }
    .sphere_menu li a:hover{
        color: #7eaebf;
        text-decoration: underline;
    }
    .ask_question{
        display: block;
        width: 280px;
        height: 45px;
        background: url("images/ask.png");
        margin-top: 10px;
    }
    .corner_holder{
        position: relative;
    }
    .corner{
        position: absolute;
        top: 0;
        right: 0;
        width: 87px;
        height: 258px;
        background: url("images/bannerset_coner.png");
        z-index: 100;
    }
	.left_block_red{
		display: block;
		width: 240px;
		background: #bc252a;
		padding: 15px;
		margin-top: 10px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	.left_block_red:hover{
		text-decoration: underline;
	}
	.contact_block{
		width: 250px;
		background: #bc252a;
		color: #fff;
		padding: 15px 5px 15px 15px;
		font-size: 13px;
		margin-top: 10px;
	}
		.contact_block h2{
			color: #fff;
			margin-bottom: 10px;
		}
		.contact_block a{
			color: #fff;
		}
		.contact_block span{
			font-size: 11px;
			word-wrap: normal;
		}

/* *************** */
/* PAGE BODY       */
.content{
    min-height: 300px;
    margin: 20px 0;
}
.breadcrumbs{
    margin: 0 0 10px 0;
}
    .breadcrumbs, .breadcrumbs a{
        color: #9b9b9b;
        font-size: 11px;
        text-decoration: none;
    }
    .breadcrumbs a:hover{
        text-decoration: underline;
    }
    .breadcrumbs a:last-child{
        font-weight: bold;
        color: #4c4c4c;
    }
.catalog_menu_header{
    color: #9e9c9d;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: normal;
}
h4.catalog_menu_header{
    font-size: 14px;
    background: #cdefff;
    padding-top: 10px;
}
.content_right{
    line-height: 16px;
}
    .content_right li{
        margin-left: 20px;
    }
    .content_right table{
        border: 0;
        border-collapse: separate;
        border-spacing: 2px;
    }
    .content_right td{
        padding: 5px;
        border: 1px solid #aeacad;
    }
    .content_right tr{}
	.spheres_table{
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
	}
	.spheres_table td{
		width: 130px;
        padding: 0;
        border: 0;
	}

.catalog_menu{
    width: 250px;
    margin-top: 15px;
}
    .catalog_menu li{
        list-style: none;
        padding: 8px 0;
        border-bottom: 1px solid #dddcdc;
    }
    .catalog_menu li a{
        color: #4c4c4c;
        background: url("images/left_menu_bullet_c.png") no-repeat right;
        padding-right: 15px;
        text-decoration: none;
    }
    .catalog_menu li a.active{
        background: url("images/left_menu_bullet.png") no-repeat right;
        text-decoration: none;
    }
    .catalog_menu li a:hover{
        background: url("images/left_menu_bullet.png") no-repeat right;
        text-decoration: underline;
    }
    .catalog_menu li ul{
        margin: 5px 0 15px 0;
        border-top: 1px solid #dddcdc;
        padding-top: 15px;
    }
    .catalog_menu li li{
        margin-left: 15px;
        padding: 5px 0;
        border-bottom: 0;
    }
    .catalog_menu li li a{
        color: #9c9c9c;
        background: none;
    }
    .catalog_menu li li a.active, .catalog_menu li li a:hover{
        color: #c82f36;
        background: none;
    }
.quote_block{
    width: 170px;
    background: #ebf8ff;
    float: right;
    margin-left: 15px;
    margin-right: -15px;
    margin-bottom: 10px;
}
    .quote_block blockquote{
        color: #8b868d;
        font-size: 9px;
        padding: 15px 15px 15px 15px;
        min-height: 200px;
        /*margin-bottom: 50px;*/
    }
    .quote_block strong{
        color: #58a9d6;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #c4d3da;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
    .quote_block ul li{
        list-style: none;
        margin-bottom: 10px;
    }
/* ******************** */
/*     FOOTER     */
.footer{
    background: #373737;
    color: #dadada;
}
    .footer .content_wrapper{
        background: #373737;
    }
    .footer_menu{
		width: 895px;
		margin: 10px auto;
		padding: 40px 0 30px;
    }
    .footer_menu li{
		float: left;
        list-style: none;
    }
    .footer_menu li a{
		display: block;
		color: #ffffff;
		line-height: 20px;
		font-size: 15px;
		text-transform: uppercase;
		text-decoration: none;
    }
    .footer_menu li a:hover{
        text-decoration: underline;
    }
	.footer_menu li.shortblock{
		width: 120px;
	}
	.footer_menu li.longblock{
		width: 255px;
	}
	.footer_menu li ul{
		margin-top: 15px;
	}
	.footer_menu li ul li{
		float: none;
	}
	.footer_menu li ul li a{
		color: #a4a4a4;
		font-size: 12px;
		text-transform: none;
		text-decoration: underline;
	}
	.footer_contacts{
		color: #a4a4a4;
		margin-top: 15px;
	}
	.footer_menu li .footer_contacts a{
		display: inline;
		color: #7094b8;
		font-size: 12px;
	    line-height: 28px;
		text-transform: none;
		text-decoration: underline;
	}
    .footer_line{
        clear: both;
        background: #9b9b9b;
        height: 1px;
        margin: 20px 0;
    }
    .footer .copyright{
        float: left;
        width: 300px;
        font-size: 11px;
        color: #818181;
        margin-top: 15px;
    }
    .footer_links{
		height: 60px;
        float: right;
        margin-top: 5px;
    }
    .footer_links li{
        list-style: none;
        margin-bottom: 5px;
    }
    .footer_links a{
        display: block;
        color: white;
        font-size: 11px;
		color: #a4a4a4;
        text-decoration: underline;
    }