body {margin: 0; padding: 0; font-family: arial; font-size: 12px; color: #000000; }
html,body {height: 100%;}
a {color: #0080d9;}
a:hover {text-decoration: none;}
a img {border: none;}
ul, li {margin: 0; padding: 0;}
.clear {clear: both;}

.authInput { width: 129px; height: 26px; background: url(/img/auth_input_bg.gif) no-repeat; border: none; padding: 5px 10px; font-size: 11px;}

.container { position: relative; min-width: 980px; min-height: 100%; background: url(/img/lcBG.gif) -1px repeat-y;}

/*header*/
.header {position: absolute; left: 0; top: 0; width: 100%; background: #53ae26 url(/img/header_bg.jpg) right top; z-index: 3 }
.header.main { height: 381px; }
.header.other { height: 290px; }

.topMargin.main {height: 381px;}
.topMargin.other {height: 290px;}

.header .whiteLayer { position: absolute; left: 0; bottom: 0; width: 100%; height: 111px; background: #ffffff; }
.header .whiteLayer .grayLayer {position: absolute; width: 100%; height: 46px; left: 0; top: 0; background: #e0e0e0 url(/img/header_grass_border.jpg) top repeat-x;  z-index: 0;}
.header .whiteLayer .gradientLayer {position: absolute; left: 0; top: 45px; width: 310px; height: 66px; background: #f2f2f2 url(/img/header-lc_gradient.gif) top repeat-x; z-index: 1;}
.header .whiteLayer .contentCorner {position: absolute; left: 305px; top: 45px; width: 28px; height: 66px; background: url(/img/content_left_corner.gif) no-repeat; z-index: 2;}


.header .menuLayer {position: absolute; left: 0; bottom: 65px; width: 100%; height: 40px; z-index: 3;}

/*header->menu*/
.header .menuLayer .menu {position: relative; margin: 0 0 0 170px; height: 40px;}
.menu ul {width: 100%; list-style: none; font-size: 16px; font-weight: bold; }
.menu ul li {  display: block; height: 37px; float: left; width: 15%; text-align: center;}
.menu ul li a {color: #000000; display: block; width: 100%; height: 30px; padding-top: 7px;}
.menu ul li a:hover {color: #ba7004;}
.menu ul li.sel {position: relative; background: url(/img/menu_selItem.gif) repeat-x; padding-top: 7px; height: 30px; color: #864500;}
.menu ul li.sel .side {position: absolute; top: 0; width: 12px; height: 37px;}
.menu ul li.sel .side.L {left: 0; background: url(/img/menu_selItem_left.gif) no-repeat;}
.menu ul li.sel .side.R {right: -1px; background: url(/img/menu_selItem_right.gif) no-repeat;}

.menu ul li.m1 {width: 8%;}
.menu ul li.m2 {width: 14%;}
.menu ul li.m3 {width: 15%;}
.menu ul li.m4 {width: 19%;}
.menu ul li.m5 {width: 12%;}
.menu ul li.m6 {width: 12%;}
.menu ul li.m7 {width: 12%;}

/*--header->menu*/
.header a.aLeftBottom {position: absolute; left: 28px; top: 229px; display: block; width: 108px; height: 150px; z-index: 4;}
.header .imgLeftBottom {position: absolute; left: 0; top: 119px; width: 277px; height: 263px; background: url(/img/header_img_lb.jpg) no-repeat; z-index: 2;}
.header .imgRight {position: absolute; right: 0; top: 0; width: 392px; height: 346px; background: url(/img/header_img_r.jpg) no-repeat; z-index: 3;}
.header .imgWoman {position: absolute; right: 207px; top: 54px; width: 303px; height: 206px; background: url(/img/header_woman.jpg) no-repeat; z-index: 5;}
.header .imgSkRope {position: absolute; left: 16%; top: 170px; width: 49px; height: 52px; background: url(/img/header_skipping_rope.jpg) no-repeat; z-index: 6;}
.header .imgSkRope_sub {position: absolute; left: 42%; top: 50px; width: 49px; height: 52px; background: url(/img/header_skipping_rope.jpg) no-repeat;}
.header .imgKids {position: absolute; left: 21%; top: 120px; width: 139px; height: 121px; background: url(/img/header_kids.jpg) no-repeat; z-index: 5;}
.header .imgBall {position: absolute; left: 38%; top: 190px; width: 52px; height: 57px; background: url(/img/header_ball.jpg) no-repeat; z-index: 5;}
.header .imgDog {position: absolute; right: 53%; top: 80px; width: 89px; height: 82px; background: url(/img/header_dog.jpg) no-repeat; z-index: 6;}
.header .imgDog_sub {position: absolute; left: 70px; top: 165px; width: 112px; height: 82px; background: url(/img/header_dog_sub.jpg) no-repeat; z-index: 2;}
.header .imgBFly1 {position: absolute; left: 8%; top: 115px; width: 24px; height: 14px; background: url(/img/header_butterfly1.jpg) no-repeat; z-index: 7;}
.header .imgBFly1_sub {position: absolute; left: 35%; top: 90px; width: 24px; height: 14px; background: url(/img/header_butterfly1.jpg) no-repeat; z-index: 7;}
.header .imgBFly2 {position: absolute; right: 245px; top: 15px; width: 13px; height: 13px; background: url(/img/header_butterfly2.jpg) no-repeat; z-index: 7;}
.header .imgBFly3 {position: absolute; right: 40%; top: 30px; width: 18px; height: 15px; background: url(/img/header_butterfly3.jpg) no-repeat; z-index: 7;}
.header .imgBFly3_sub {position: absolute; right: 40%; top: 10px; width: 18px; height: 15px; background: url(/img/header_butterfly3.jpg) no-repeat; z-index: 7;}
.header .imgBFly4 {position: absolute; left: 37%; top: 160px; width: 20px; height: 22px; background: url(/img/header_butterfly4.jpg) no-repeat; z-index: 7;}
.header .imgBFly4_sub {position: absolute; right: 14%; top: 90px; width: 20px; height: 22px; background: url(/img/header_butterfly4.jpg) no-repeat; z-index: 7;}
.header .imgRCorner {position: absolute; right: 0; top: 58px; width: 285px; height: 127px; background: url(/img/header_right_corner.jpg) no-repeat; z-index: 7;}
.header .imgBearBall {position: absolute; right: 32%; top: 90px; width: 95px; height: 71px; background: url(/img/header_bear_ball.jpg) no-repeat;}
.header .logoImg {position: absolute; left: 30px; top: 0px; width: 369px; height: 120px; background: url(/img/logo.jpg) no-repeat; z-index: 3;}
.header a.logo {position: absolute;  left: 50px; top: 5px; width: 300px; height: 90px; z-index: 4;}
				
.header .search {position: absolute; right: 50px; bottom: 10px; width: 195px; height: 26px;}
.header .search input {position: absolute; left: 0; top: 0; width: 137px; height: 16px; background: url(/img/header_input_bg.gif) no-repeat; border: none; padding: 5px 10px; font-size: 11px;}
						
.header .search a {position: absolute; right: 0; top: 0; display: block; width: 31px; height: 26px; background: url(/img/header_button_search.gif) no-repeat;}
.header .langLayer {position: absolute; right: 0; top: 10px; width: 50%; height: 23px; z-index: 8;}
.header .langLayer a{display: block; float: right; margin-right: 10px; width: 31px; height: 19px; background: url(/img/header_lang_bg.png) no-repeat; color: #ffffff; font-size: 11px; text-align: center; font-family: verdana; font-weight: bold; text-decoration: none; padding-top: 4px;}
						
.header .langLayer span {display: block; float: right; margin-right: 10px; width: 31px; height: 19px; background: url(/img/header_lang_bg.png) no-repeat; color: #000000; font-size: 11px; text-align: center; font-family: verdana; font-weight: bold; text-decoration: none; padding-top: 4px;}

/*left column*/
.leftColumn { position: relative; width: 275px; height: 100%; padding: 5px 0 0 35px; background: #f2f2f2 url(/img/left_column_right.gif) right repeat-y; float: left; }
.leftColumn h1 {margin: 0 30px 10px 0; padding: 14px 0 0 0; font-size: 22px; font-weight: normal; border-bottom: #c3c3c3 1px solid;}
.leftColumn h2 {margin: 0 0 10px 5px; padding: 0; font-size: 15px; color: #222222;}
.leftColumn h3 {margin: 0 30px 0 0; padding: 0; font-size: 22px; font-weight: normal;}


/*left column->news*/
.leftColumn .newsOne {padding: 0 15px 0 5px; margin-bottom: 20px;}
.newsOne .date {width: 59px; height: 27px; background: #ffc30b url(/img/left_column_date_bg.gif) no-repeat; text-align: center; font-size: 14px; margin-bottom: 5px; font-family: georgia;}
.newsOne .date span {font-size: 21px;}
.newsOne .date span.c000 {color: #000000; font-size: 18px;}
.newsOne .date span.cfff {color: #ffffff;}
.newsOne p {font-size: 11px; line-height: 15px; margin: 5px 0;}
/*--left column->news*/

/*left column->img previews*/
.leftColumn .appPreview {position: relative; height: 101px; background: #f7f7f7 url(/img/lc_imgPreview_bg.jpg) repeat-x; margin: 0 0 20px 0; text-align: center;}
.appPreview .sides {position: absolute; top: 0; width: 9px; height: 101px;}
.appPreview .sides.lS {left: 0; background: url(/img/lc_imgPreview_sides.jpg) left top no-repeat;}
.appPreview .sides.rS {right: 0; background: url(/img/lc_imgPreview_sides.jpg) right top no-repeat;}
.appPreview a.butt {position: absolute; top: 72px; display: block; width: 18px; height: 18px;}
.appPreview a.butt.lB {left: 10px; background: url(/img/lc_imgPreview_buttons.png) left top no-repeat;}
.appPreview a.butt.lB:hover {background: url(/img/lc_imgPreview_buttons.png) left bottom no-repeat;}
.appPreview a.butt.rB {right: 12px; background: url(/img/lc_imgPreview_buttons.png) right top no-repeat;}
.appPreview a.butt.rB:hover {background: url(/img/lc_imgPreview_buttons.png) right bottom no-repeat;}
.appPreview a.text {font-size: 18px;}
.appPreview .hideBlock {position: relative; top: 10px; margin: 0 auto; width: 277px; height: 53px; overflow: hidden; margin-bottom: 15px;}
.appPreview .hideBlock .moveBlock {position: absolute; width: 1000px; height: 53px; left: 0; top: 0; text-align: left;}
.appPreview .hideBlock .moveBlock .item {position: relative; width: 53px; height: 53px; float: left; margin: 0 3px 0 0;}
.appPreview .hideBlock .moveBlock .item img.z2 {position: absolute; left: 0; top: 0; width: 53px; height: 53px; z-index: 2; cursor: pointer;}
.appPreview .hideBlock .moveBlock .item img.z1 {width: 53px; height: 53px; position: absolute; left: 0; top: 0; z-index: 1;}
/*--left column->img previews*/
/*left column->map*/
.leftColumn .mapLayer {position: relative; left: 0; width: 267px; height: 318px; background: #c1c1c1 url(/img/lc_map_bg.jpg) no-repeat; margin:0 0 20px -17px; padding: 14px 10px 0 15px;}
/*--left column->map*/
/*left column->clientsBlock*/
.leftColumn .clientsBlock {position: relative; width: 248px; height: 112px; background: #c1c1c1 url(/img/lc_signUp_bg.jpg) no-repeat; margin: 0 0 20px 2px; padding: 20px 10px 0 15px;}
.clientsBlock input {width: 139px; height: 20px; padding: 4px 5px 0 5px; border: none; background: url(/img/signUp_input_bg.gif) no-repeat;}
.clientsBlock a.butt {display: block; width: 71px; height: 20px; background: #ffca19 url(/img/signUp_butt.jpg) top no-repeat; font-size: 14px; text-align: center; text-decoration: none; padding: 4px 0 0 0; color: #000000;}
.clientsBlock a.butt:hover {background: #ffa317 url(/img/signUp_butt.jpg) bottom no-repeat;}
/*--left column->clientsBlock*/
.leftColumn ul.blogList {list-style: none;}
.leftColumn ul.prodUl, ul.blogList ul {margin: 20px 30px 10px 40px; list-style: none;}
.leftColumn ul.prodUl li, ul.blogList ul li {line-height: 25px; padding-left: 20px; background: url(/img/lc_listMarker.gif) left 7px no-repeat; font-size: 15px;}
.leftColumn ul.prodUl li.sel, ul.blogList ul li.sel {color: #ba7004; background: url(/img/lc_listMarker_sel.gif) left no-repeat;}
.leftColumn ul.prodUl li a, ul.blogList ul li a {color: #222222;}
.leftColumn ul.prodUl li a:hover, ul.blogList ul li a:hover {color: #ba7004;}
.leftColumn img.certified {margin: 40px 0 20px 45px;}
.leftColumn ul.f12 li {font-size: 12px;}
/*--left column*/


/*content*/
.content { position: relative; margin: 0 0 0 310px; padding: 5px 30px 0 30px; z-index: 2; background-color: #FFFFFF; }

.content h1 {margin: 0 0 10px 0; padding: 14px 0 0 45px; background: url(/img/h1_bg.jpg) left no-repeat; border-bottom: #c3c3c3 1px solid; font-size: 22px; font-weight: normal; color: #7bd545;}
.content h1 a {text-decoration: none;}
.content h2 {margin: 0 0 10px 0; padding: 5px 0; font-size: 18px; font-weight: normal;}
.content p {margin: 0 0 5px 0; padding: 0;}
.content a.dashed {border-bottom: #0080d9 1px dashed; text-decoration: none;}
.content a.dashed:hover {border: none;}
.content a.dashed.noBorder {border: none;}
/*content->videoArea*/
.content .videoArea {position: relative; margin: 0 10px 10px 0; width: 240px; height: 202px; float: left; background: #cbcbcb url(/img/lc_map_bg.gif) repeat-x;}
.videoArea .sides {position: absolute; top: 0; width: 9px; height: 202px;}
.videoArea .sides.lS {left: 0; background: url(/img/lc_map_bg_sides.gif) left top no-repeat;}
.videoArea .sides.rS {right: 0; background: url(/img/lc_map_bg_sides.gif) right top no-repeat;}
/*--content->videoArea*/
.content .videoDescr {height: 202px; margin: 0 0 10px 250px;}
.content a.contentImg {position: relative; display: block; width: 157px; height: 115px; background: #d5d5d5 url(/img/content_aImg_bg.jpg) top repeat-x;
				text-align: center; padding-top: 8px; float: left;}
.content a.contentImg:hover {background: #aed491 url(/img/content_aImg_bg.jpg) bottom repeat-x;}
/*content->prevsBlock*/
.content .prevsBlock {position: relative; height: 123px; width: 580px; margin: 0 auto;}
.prevsBlock a.contentImg {margin-right: 49px;}
.prevsBlock a.last {margin: 0;}
/*--content->prevsBlock*/
.content ul {list-style: none;}
.content ul li { line-height: 20px; font-size: 12px;}
.content ul li a {padding-left: 13px;}
.content ul li a.marked {background: url(/img/content_listMarker.gif) left no-repeat;}
.content ul li a.marked:hover {background: url(/img/content_listMarker_hover.gif) left no-repeat;}
/*content->products*/
.content .productsOne {border-bottom: #dadada 1px solid; margin: 0 0 20px 0; padding: 0 0 15px 0; min-height: 90px;}
.content .productsOne.noBorder {border-bottom: none;}
.productsOne img {border: #dadada 3px solid; float: left; margin: 0 20px 10px 0;}
.productsOne a.pdf {display: block; width: 53px; height: 17px; padding: 69px 0 0 10px; background: url(/img/pdf.jpg) center top no-repeat; float: right;
					color: #000000; font-size: 11px;}
.productsOne p {margin-right: 100px;}
/*--content->products*/
/*content->applications*/
.content .applicationsOne {position: relative; border-bottom: #dadada 1px solid; margin: 0 0 20px 0; padding: 0 0 15px 0; min-height: 120px;}
.content .applicationsOne.noBorder {border-bottom: none;}
.applicationsOne a.contentImg {float: left; margin: 0 20px 10px 0;}
/*--content->applications*/
#contactTbl {}
#contactTbl input {width: 100%;}
#contactTbl .label {width: 150px; font-weight: bold;}
#contactTbl .label span {color: red;}
#contactTbl textarea {width: 100%; overflow: auto; height: 100px;}

.errMes {font-size: 18px; color: red;}
.okMes {font-size: 18px; color: green;}


/*--content*/

.container .footerback {width: 100%; height: 145px;}

/*footer*/
.footer {position: relative; width: 100%; min-width: 980px; height: 145px; margin-top: -145px;}
.footer .bottomLine {position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; background: #d6d6d6 url(/img/footer_bottom_bg.gif) bottom repeat-x;
 	 					text-align: center; font-size: 11px; padding-top: 12px;}
.footer .bottomLine a {position: absolute; right: 20px; top: 12px;}
.footer .leftImg {position: absolute; left: 0px; bottom: 37px; width: 310px; height: 108px; background: url(/img/footer_left_img.jpg) right no-repeat; z-index: 2;}
.footer .rightImg {position: absolute; right: 0px; bottom: 37px; width: 128px; height: 104px; background: url(/img/footer_right_img.jpg) no-repeat; z-index: 2;}
.footer .grass {position: absolute; left: 0; bottom: 37px; width: 100%; height: 25px; background: url(/img/footer_grass.jpg) repeat-x; z-index: 1;}
.footer .leftText {position: absolute; left: 100px; top: 10px; width: 200px; height: 60px; z-index: 3;}
.footer .leftText h1 {margin: 0 0 7px 0; padding: 0; font-size: 14px;}
/*--footer*/