* {margin:0; padding:0}


body {
	background: url(../images/bg.jpg) repeat-x fixed #F3FAFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

img {border:0}

a { color:#0097D2}
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
/*Говорим, что кружки надо заменить картинкой arrow.gif*/
ul {list-style-image: url(../images/arr_1.gif);}
li {padding-bottom:5px; margin-left:20px;}

#site {width:990px; background:url(../images/footer_bg.jpg) bottom no-repeat #F3FAFF}

/*--header--*/
#header {width:100%; background:url(../images/top_bg.jpg) no-repeat top; padding-top:28px;}
#headerProd {width:100%; background:url(../images/top_prod_bg.jpg) no-repeat top; padding-top:28px;}

#header #topMenu {float:left; padding-left:190px;}
#header .topBanner {background:url(../images/hr.gif) repeat-x bottom; padding-bottom:10px; padding-top:10px; margin:0 20px;}

/*--intro--*/
#intro {font-size:10px; line-height:12px;}

/*--content--*/
#content {padding-top:20px; overflow:hidden; padding-bottom:60px;}
#content .left {float:left; width:235px; margin-left:20px;}
#content .right {float:right; width:680px; padding-right:25px;}
#content .right .companyBlock {font-family:Arial, Helvetica, sans-serif; color:#2B4C59; margin:0; }
#content .right .companyBlock h3{}

.page {float:right; padding-bottom:5px; font-size:11px; color:#4E4E4E; display:inline; }
.pageActive{float:left; background:url(../images/123.gif) no-repeat; color:#FFFFFF; text-align:center; display:inline-block; font-size:11px; height:14px; width:16px; margin:0 2px}
.pageActive a, .pagePassive a {text-decoration:none}
.pagePassive{ float:left; text-align:center; display:inline-block; font-size:11px; height:14px; width:16px;}


.right { padding-bottom:100px;}
.left { padding-bottom:100px;}

/*--popUpOrder--*/
#popUpOrder {display:none; width:707px; height:300px;z-index:1;  background: url(../images/footer_bg.jpg) bottom no-repeat #F3FAFF; padding:20px; border:1px solid #5BCAF5;}
#popUpOrder span {padding-right:6px; padding-left:1px;}
#popUpOrder a {color:#fff;}

/*--popUpOrder--*/
.popUpOrder {display:none; width:707px;height:300px;z-index:1; background: url(../images/footer_bg.jpg) bottom no-repeat #F3FAFF; padding:20px; border:1px solid #5BCAF5;}
.popUpOrder span {padding-right:6px; padding-left:1px;}
.popUpOrder a {color:#fff;}

/*--news and companyBlock--*/
.companyBlock table td{background:url(../images/hr.gif) repeat-x bottom; padding-top:15px; padding-bottom:15px;}

.menu {margin-bottom:40px;}
h3 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#2B4C59; margin:0; padding-bottom:10px;}

.tab {padding:5px; border-bottom:1px solid #92CFE1}

#popUpLogin {margin-left:30px; margin-bottom:20px;}
#popUpLogin input {font-size:10px; margin-right:5px;}
#popUpLogin h3 { margin-right:10px;}
#popUpLogin span { padding:0px 5px;}


#footer {clear:both; width:990px; text-align:left; padding-top:10px;}
#footer #footerBlock {display:inline-block; margin-left:20px;}
#footer #footerBlock .copy {float:left; font-size:10px; text-align:center;  width:265px;}
#footer #footerBlock .menu {float:left; width:500px;}
#footer #footerBlock .menu a {margin-right:40px;}
#footer #footerBlock .counter {float:left; text-align:center; width:120px;}
#footer #footerBlock .prosite {float:left; text-align:center; width:120px;}
#footer #footerBlock .text {clear:both; margin:0 10px 10px 10px;}

/* ----------------IMAGE SLIDER------------- */

#SlideItMoo_outer {  
	width:100%; 
	margin:0px; 
	padding:0px;
	display:block; 
	position:relative;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:320px; 
	bottom:0px; 
	right:5px; 
	background:url(../images/arr_right.png) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../images/arr_left.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:920px; /* set a display width to make the slider look good in case js is disabled */
	margin:0px; 
	padding:0px;
	height:320px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block;
	position:relative; 
	float:left; 
	margin:0px 3px 15px; 
	font-size:11px; 
	width:179px; 
	text-align:left; 
	color:#FFFFFF;
}

.SlideItMoo_element div {height:60px; border-right:1px solid #0097D2; padding-right:3px; }
.SlideItMoo_element {background:url(../images/ajax-loader.gif) no-repeat center}

#SlideItMoo_items {text-align:left}
#SlideItMoo_items a {color:#4A666E; text-decoration:none}
#SlideItMoo_items a:hover {text-decoration:underline}
#SlideItMoo_items a img {adding:0px; margin:0px 0px 0px; clear:both; display:block; padding:2px;}