body { margin: 0; padding: 0; background: #282828 url(../images/background_top.jpg) top center no-repeat; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; }
select, input, textarea, table, td, th  { font-size: 12px; }
a { color: #DD0423; }
a:hover { text-decoration: overline underline; }
ul li { padding-bottom: 10px; }

#aspnetForm { margin: 0px; padding: 0px; }

#container_over_all { width: 1000px; margin: 0 auto 0 auto; position: relative; text-align: center; background: url(../images/bg_full_width.jpg); }
#np_container_bg { width: 1000px; margin: 0; position: relative; background: url(../images/np_content_top.jpg) no-repeat top left; }
#container { width: 830px; margin: 0 auto; position: relative; text-align: center; }
#container_footer { position: relative; background: #282828; width: 1000px; height: 25px; margin: 0 auto 0 auto; font-size: 9px; color: #DDD; padding-top: 3px; }
#footer_ew { position: relative; padding: 0 0 0 85px; width: 300px; float: left; text-align: left; }
#footer_ew a { color: white; }
#footer_copy { position: relative; padding: 0 85px 0 0; width: 300px; float: right; text-align: right; }
#footer_flags { position: absolute; width: 400px; left: 300px; top: 4px; }

#fp_flash { position: relative; width: 1000px; height: 363px; margin: 0px; padding: 0px; background: url(../images/fp_flash_hide.jpg) no-repeat top left; }
#fp_menu { position: relative; background: #fff url(../images/menu_bg.jpg) no-repeat top; width: 1000px; height: 27px; margin: 0px; padding: 0px }

#fp_reference{height:200px; }
#fpReferenceTitle{text-align:center; padding:3px 0 3px 0; background-color:#222222; color:#fff; }
#fpReferenceBottom{background-color:#222222; height: 15px; }

#np_flash { position: relative; width: 1000px; height: 404px; margin: 0px; padding: 0px; background: url(../images/fp_flash_hide.jpg) no-repeat top left; }

#fp_products_part { position:absolute; top:390px; left: 0px; width:1000px; z-index:4; background: url(../images/fp_products_part.jpg) no-repeat top left; }

#flashBanner { position:relative; top:275px; margin:0 auto 0 auto; width:776px; height:146px; z-index:4;}

#fp_products_team { padding-top: 71px; position: relative; z-index: 5; font-size: 12px; font-weight: bold; color: #282828; }
#fp_products_team a { color: #D46412; font-size: 11px; }
#fp_products_content { width: 830px; margin: 0 auto; }
#fp_products_content_left { position: relative; float: left; width: 350px; padding: 30px 0 20px 25px; text-align: left; }
#fp_products_content_right { position: relative; float: right; width: 350px; padding: 30px 25px 20px 0; text-align: right; }

#bottomCopyLine { width: 830px; height: 17px; margin: 0; padding: 0; position: relative; float: left; }
#bottomCopyLine div { margin: 0px 113px 0px 117px; padding: 2px 10px 0px 10px; text-align: right; font-size: 9px; color: #FFF; }

#contentPage { padding: 10px 25px 0 25px; text-align: justify; }
#fp_contentPage { margin: 0; padding: 0 0 20px 0; text-align: left; background: #FFF url(../images/bg_gradient_content.gif) repeat-x top center; }
#contentPageSearch { position:relative; float:left; padding: 8px 0 15px 0; width:200px;}
#contentPageSiteMap { position:relative; float:right; padding: 0 0 0 0;}
.EditSearch { width:101px; }

#contentPageCnt { float: left; width: 550px; }
#panelsRight { float: right; width: 200px; }

/* titles */

div.TitleNews { padding: 0; margin: 0; background: #616161 url(../images/title_line_news.jpg) no-repeat bottom left; height: 26px; width: 510px; }
div.TitleNews div { font-size: 11px; font-weight: normal; color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }

div.TitlePanel { padding: 0; margin: 0; background: #616161 url(../images/title_line_panel.jpg) no-repeat bottom right; height: 26px; width: 230px; }
div.TitlePanel-div3 { padding: 0; margin: 0 0 10px 0; background: #616161 url(../images/title_line_panel.jpg) no-repeat bottom right; height: 26px; width: 230px; }
div.TitlePanel div { font-size: 11px; font-weight: normal; color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }
div.TitlePanel-div3 div { font-size: 11px; font-weight: normal; color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }
div.DivideLineWide { position: relative; width: 830px; height: 22px; margin: 274px auto 0px auto; padding: 0px }
div.DivideLine { height: 22px;  width: 830px; margin: 0; padding: 0; background: #FFF url(../images/line_bar_gradient.gif) no-repeat bottom left; }

div.SiteMapPath { font-size: 9px; font-weight: normal; color: #000; padding: 0; text-align: right; margin-bottom: 10px; }


/* news */

div.NewsItem { margin-top: 2px; position: relative; float: left; font-size: 10px; font-weight: normal; color: #000; border-bottom: solid 1px #DDD; }
div.NewsItem div.NewsItemDate { width: 50px; position: relative; text-align: right; float: left; margin-left: 10px; }
div.NewsItem div.NewsItemDate div { color: #616161; font-size: 9px; padding-right: 3px; padding-top: 9px; }
div.NewsItem div.NewsItemTitle { height: 22px; position: relative; float: left; }
div.NewsItem div.NewsItemTitle div { padding-left: 2px; padding-top: 6px; font-size: 12px; font-weight: bold; }
div.NewsItem div.NewsItemTitle div a { color: #000; }
div.NewsItem div.NewsItemPreview { width: 510px; position: relative; float: left; }
div.NewsItem div.NewsItemPreview div { font-size: 11px; padding: 5px 3px 5px 3px; text-align: justify; }
div.NewsItem div.NewsItemLink { float: right; text-align: right; margin-right: -2px; }

div.NewsPageInfoBar { padding-top: 4px; padding-bottom: 4px; padding-left: 4px; background-color: #F8F8F8; font-size: 10px; font-weight: normal; }

div.newsTabItem { float:left; width:127px;}
div.newsTabItem a { font-weight: bold; font-size:10px;}


/* first page items */
div.FpReferencesTextList { font-size: 11px; font-weight: normal; margin-left: 0px; margin-bottom: 10px;}
div.FpReferencesTextList a { color: #000; font-weight: bold; }
div.FpReferencesTextList ul { padding: 0; margin: 0; list-style: none; }
div.FpReferencesTextList li { color: #616161; padding: 0; margin: 6px 0 0 3px; list-style: none; }


ul, li
{
list-style: none;
list-style-image: url("/templates/main/images/green_bullet.jpg");
margin: 0 0 0 8px;
padding: 0;
}


#menuRoot { height: 18px; position: absolute; left: 105px; top: 363px; z-index: 10; }

#menuRoot a { display: block; text-align: left; text-decoration: none; font-weight: normal; font-family: Tahoma, Arial, sans-serif; }
#menuRoot ul {margin:0;} 
#menuRoot li {list-style: none; list-style-type:none; list-style-image:none; margin:0; }
#menuRoot li:hover { background: url(../images/menu_top_button_over.gif); }
#menuRoot li:hover a { color: #FFF; }

ul.menuList1 { float: left; padding: 0 0 0 0; margin: 0; list-style: none; }
ul.menuList1 li.menuList1 { position: relative; list-style: none; vertical-align: bottom; line-height: 27px; height: 27px; margin: 0 0 0 2px; margin-bottom: -1px; float: left; padding: 0px; z-index: 10; }
ul.menuList1 li.menuList1 a { padding: 0px 30px 0px 4px; text-transform: uppercase; color: #DDD; font-size: 13px; }

ul.menuList2 { position: absolute; line-height: 27px; left: 0; top: 27px; width: 150px; z-index: 10; visibility: hidden; padding: 0 0 0 0; }
ul.menuList2 li.menuList2 a { margin: 0; padding: 0px 10px 0px 4px; display: block; text-align: left; text-decoration: none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
ul.menuList2 li.menuList2 { margin: 0; padding: 4px 0 3px 0; width: 150px; line-height: 16px; z-index: 10; background: url(../images/bg_btn.png); border-top: solid 1px #999; }

ul.menuList1 li.menuList1Hover ul.menuList2, ul.menuList1 li.menuList1:hover ul.menuList2 { visibility: visible; } 

#menu_bottom { width: 830px; text-align: center; background: #FFF url(../images/bg_gradient_footer.gif) repeat-x left top; }

div#menu_down ul { margin: 20px 0 0px 0; padding: 0 0 18px 0; list-style: none; position: relative; }
div#menu_down ul li a { margin: 0; display: inline; text-decoration: none; font-weight: normal; color: #444; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; border-right: #CCC solid 2px; }
div#menu_down ul li.last a { border-right: none; }
div#menu_down ul li { display: inline; }


#footer { padding: 5px 0 20px 0; color: #ccc; text-align: right; }


/* Containers */
/* =========================== */

div.cntPanelRight {width: 200px; margin-bottom: 20px; text-align: left;}
.cntPanelRight a:hover {text-decoration: none;}
div.cntPanelRightTitle1 {padding: 4px 0 0 4px; color:white; background: #616161 url(../images/title_line_panel.jpg) no-repeat bottom right; height: 26px; width: 196px; }
div.cntPanelRightTitle1 div {font-size: 11px; font-weight: normal; color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }
div.cntPanelRightContent1 {color: #808080; font-size: 10px; padding: 4px 5px 4px 5px; border-left: solid 1px #B9D161; background: #E0E0E0; }
div.cntPanelRightContent1 ul {padding:0 0 0 0; margin: 0 0 0 0;}
div.cntPanelRightContent1 li {list-style-type:none; list-style-image:url(../images/green_bullet.jpg); padding:0 0 10px 0; margin: 0 0 0 15px;}
div.cntPanelRightTitle2 {padding: 4px 0 0 4px; color:white; margin: 0; background: #616161 url(../images/title_line_news.jpg) no-repeat bottom left; height: 26px; width: 196px; }
div.cntPanelRightTitle2 div {font-size: 11px; font-weight: normal; color: #FFF; padding: 3px 0 0 10px; text-transform: uppercase; }
div.cntPanelRightContent2 {color: #808080; font-size: 10px; padding-top: 4px; border-left: solid 1px #EAA229; padding-left: 5px; padding-bottom: 5px; background: #E0E0E0; }
div.cntPanelRightContent2 ul {padding:0 0 0 0; margin: 0 0 0 0;}
div.cntPanelRightContent2 li {list-style-type:none; list-style-image:url(../images/orange_bullet.jpg); padding:0 0 10px 0; margin: 0 10px 0 15px;}

/* overall definitions */
/* =========================== */

.cleaner { clear: both; font-size: 0px; height: 0px; border: none; margin: 0; padding: 0; background: transparent; }

/* gallery */
.gallery {text-align:center;}
.galleryItem {display:inline;}
.galleryItem img {margin: 5px 5px 5px 5px;}
/* end gallery */

/* ProductsList */
.catalogueWrapper { min-height: 753px;}
.treePanel {float:left; background-color: #fffcfb; border: 1px solid #aaaaaa; width: 170px; padding:5px 5px 5px 5px; min-height: inherit; }
.treePanel ul {margin: 0 0 0 0; padding: 0 0 0 15px;}
.treePanel li {font-weight: normal; margin: 2px 0 0 0; padding: 0 0 0 0; list-style: none; list-style-type:none; list-style-image:none;}
.treePanel>ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.treePanel>ul>li {font-weight:bold; margin: 0 0 0 0; padding: 0 0 0 0;}
.treePanel li.selected>a {color:#000; font-weight:bold; text-decoration:underline overline;}

.bodyPanel {float:right; background-color: #fffcfb; border: 1px solid #aaaaaa; width: 570px; padding:5px 5px 5px 5px; min-height: inherit;}

.productItem {width:190px; min-height:145px; text-align:center; margin-bottom: 20px; float:left;}
.productImage {width: 190px;}
.productTexts {width: 190px;}
.productTitle {font-weight: bold; margin-bottom: 8px;}
.productTitle a {font-size:15px; color:Black; text-decoration:none;}
.productTitle a:hover {color:#919191; text-decoration:none;}
.productsCategoryPath { font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; margin-bottom: 10px; background-color: #232323; width:548px; padding:8px 10px 8px 10px; margin: 0 0 20px 0; border: 1px solid #232323;}
.productsCategoryPath a { font-size: 12px; color: white; text-decoration: none; padding: 0 1px 0 1px;}
.productsCategoryPath a:hover { font-size: 12px; color: #ff0042; text-decoration: underline; padding: 0 1px 0 1px;}
.productsCategoryPath select { font-family: Arial, Helvetica, sans-serif; height:20px; padding:0 0 0 3px; border: 1px solid #000; background: #fffcfb; color: #000; font-size: 12px;}
.productUserData{margin-top:5px; font-size:10px;}
/* product detail */
.productDetailHeader {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight:bold; background-color: #232323; width:548px; height:30px; padding:8px 10px 0 10px; margin: 0 0 0 0; border: 1px solid #232323;}
.productDetailTexts {width:567px; padding:8px 10px 0 2px; margin: 10px 0 20px 0;}
.productDetailTexts h3 {margin:5px 0 10px 0; background-color:#808080; height:23px; padding-top:7px;}
.productDetailTexts>center>h3>a {color:#fff;}
.productDetailTexts li {list-style-image: none; list-style-type: disc;}
.productDetailImage {text-align:center; width:570px;}
.productDetailImage img {margin: 0 0 0 0;}
.productDetailImages {text-align:center; width:570px; padding: 10px 0 0 0;}
.productDetailImages img {margin: 0 1px 0 0;}
/* end of ProductsList */

/* pager */
.pager {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;  color: #ffffff; text-decoration: none; text-align: center; background-color: #232323; width:548px; padding:4px 10px 4px 10px; margin: 10px 0 0 0; border: 1px solid #232323; }
.pager a {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px; color: #ffffff; text-decoration: none; padding: 0 1px 0 1px;}
.pager a:hover {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px; color: #ffffff; text-decoration: none; padding: 0 1px 0 1px;}
.pager span {padding: 0 1px 0 1px;}
.pageCurrent {font-weight:bold;}
/* end of pager */

/* faq listroll */
.ListRoll {cursor: pointer; list-style-type:none; list-style-image:url(../images/green_bullet.jpg); padding:0 0 0 5px; margin: 0 0 0 20px; text-align:left; color: #616161;}
.ListRoll ol, .ListRoll ol ol, .ListRoll ul, .ListRoll ul ul {display: none;}
.ListRoll ul li {list-style-image: none;}
.ListRoll2{cursor: pointer;	list-style-type:none; list-style-image:url(../images/green_bullet.jpg); padding:0 0 0 5px; margin: 0 0 0 20px; text-align:left; color: #616161;}
.ListRoll2 ol, .ListRoll2 ol ol, .ListRoll2 ul, .ListRoll2 ul ul{display: block;}
.ListRoll2 ul li {list-style-image: none;}
.FAQanswer {padding: 10px 0 10px 20px; color:black;}
/* eof faq listroll */

/* homepage divs */
.div1 {POSITION: relative; TEXT-ALIGN: justify; PADDING-BOTTOM: 0px; MARGIN: 10px 25px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
.div2 {POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 530px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
.div3 {POSITION: relative; WIDTH: 230px; FLOAT: left; MARGIN-LEFT: 20px}
.img_seoservis {float: right; MARGIN-LEFT: 10px}
.img_essox {float: right; MARGIN-LEFT: 10px}
.news-block {display: block}
.news-none {display: none}