/* IE8 Opacity fix -- DO NOT REMOVE ! */
#aep2_ovrl, #aep_ovrl {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#homepage_content{
    color:#636466;
    padding-top:4px;
    vertical-align:top;
    background: url(/skins/nupi_style/images/constant/todo_home_img.jpg) no-repeat scroll left top) top left no-repeat;
    height:600px;
}


.big_img {
        width:650px;
        height:348px;

}
.categories_div{
	width:650px;
    height:615px;

}



.bottom_categories {
	position:relative;
	
}


.top_categories {
	width:236px;
	float:left;
	margin-left:0px;
    margin-top:3px;
	display:inline;
	position:relative;
    width: 650px;
    height: 348px;
}


.right_area {
    width:221px;

}


#search_frame {
  border:1px solid #999999;
  padding-top:8px;
  padding-bottom: 8px;
  text-align: center;
  width:99%;
}

#news_area
{
    background-image:url(/skins/nupi_style/images/news_frame.jpg);
    height: 374px;
}
#movie_area
{
    background-image:url(/skins/nupi_style/images/movie_frame.jpg);
    height: 244px;
    position: relative;
}
#movie_area .movie_img
{
    position:absolute;
    left:36px;
    top:62px;
}
.flag_row{
    position:absolute;
    left:11px;
    right:6px;
    bottom:14px;
    top:auto;
}
.flag_row img {
    position:static!important;
    left:auto!important;
    top:auto!important;
    float:left;
    margin-right:4px;
}
.right_content_area{
  margin-top:10px;
  background-repeat:no-repeat;
  width:212px;
  position:relative;
  padding-left:12px;
}

.right_content_area_title {
  position:absolute;
  top:12px;
}

.bottom_area {
	width:100%;
	maring-top:31px;

}

.bottom_area_left_box {
	width:323px;
	float:left;
	border:1px solid #999999;
	height:110px;
    margin: 2px;
}

.bottom_area_left_text {
    margin-top:25px;
}

/*Right image*/
.right_categories img {
	padding-top:0px;
}

.category_info {
	height:170px;
	left:334px;
	position:absolute;
	top:0px;
	width:350px;
	z-index:1;
    padding-left: 32px;

}

.category_info td {
    text-align: left;
}

.category_info .info_links,
.category_info .info_logo{
    float:left;
}

.category_info .info_text {
    width:276px;
    clear:left;
}

.blue_title {
	font-weight: bold;
}

.circles {
	border:0px solid red;
	height:200px;
	background-repeat: no-repeat;
	background-position:left top;

}
#circle {
	left:51px;
	background-image:url(/skins/nupi_style/images/index/Select-product-range.gif);
	height:144px;
	position:absolute;
	top:380px;
	width:144px;
	z-index:50;
}


#plumbing {
	left:57px;
	position:absolute;
	top:365px;
	width:166px;
	z-index:48;
}

#industrial {
	left:90px;
	position:absolute;
	top:365px;
	width:166px;
	z-index:40;
}

#utility {
	left:121px;
	position:absolute;
	top:365px;
	width:166px;
	z-index:35;
}


#newtech {
	left:154px;
	position:absolute;
	top:365px;
	width:166px;
	z-index:30;
}
.news_bg {
	background-image:url(/skins/nupi_style/images/index/line_vertical.gif);
	background-position:left 38px;
	background-repeat: no-repeat;
}
.search_sub_line{
	background-image:url(/skins/nupi_style/images/index/line_horizental.gif);
	background-position:center bottom;
	background-repeat: no-repeat;
	height:7px;
}

.search_input_index {
	background-image:url(/skins/nupi_style/images/index/search_whiteBox.gif);
	background-position:right top;
	background-repeat: no-repeat;
	width:114px;
	height:18px;
	border:0px;
	color:#c4c4c4;
	padding-top:2px;
}


UL.hpBullet li{
    list-style-type:none;
    display:inline;
    padding-right: 3px;
}

UL.hpBullet.news{
    padding:0px;
}

UL.hpBullet.news LI{
    margin-top: 10px;
}


.news a {
    color:#318DD6!important;
}

A.hpNews{
    color: #636466;
}

A.hpNews:hover{
    color: #318DD6;
}

.mainTable{
    width: 570px;
    text-align: justify;
    margin-top: 30px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
}
.pageTitle{
    font-size: 20px;
    font-weight: bold;
}

.quote{
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

.subTitle{
    font-size: 13px;
    font-weight: bold;
}

.greyText{
    text-align: center;
    padding: 20px;
    border-right: 1px solid #7F7F7F;
    color: #7F7F7F;
    font-size: 17px;
    width: 150px;
}



/*Scrollable CSS*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable_nupi {
 
/* required settings */

    position:relative; 
    overflow:hidden; 
    width: 280px; 
    height:170px; 
    float:left;
} 
 
/*
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/
div.scrollable_nupi .items {

/* this cannot be too large */

    width:20000em; 
    position:absolute; 
    clear:both;
}


/*
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/

div.scrollable_nupi div.items div{
    float:left; 
    width: 280px;
    height:170px; 

} 

 div.scrollable_nupi div.items div div.info_links,
 div.scrollable_nupi div.items div div.info_logo
{
    float:left;
}

div.scrollable_nupi div.items div div{
    float:none; 
    width: auto; 
    height:auto; 

} 

/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 

}



/* position and dimensions of the navigator */ 
.navi_scroll { 
    margin-left:30px; 
    width:200px; 
    height:20px;
    clear:both;
} 
 
 
/* items inside navigator */ 
.navi_scroll a { 
    width:15px; 
    height:14px; 
    float:left; 
    margin:3px; 
    background:url("/skins/nupi_style/images/index/radio_btn.png") 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi_scroll a:hover { 
} 
 
/* active state (current page state) */ 
#plumbing_info div.navi_scroll a.active{ 
    background:url("/skins/nupi_style/images/index/radio_btn_blue.png") 0 0 no-repeat; 
}

/* active state (current page state) */ 
#industrial_info div.navi_scroll a.active{ 
    background:url("/skins/nupi_style/images/index/radio_btn_green.png") 0 0 no-repeat; 
}

/* active state (current page state) */ 
#newtech_info div.navi_scroll a.active{ 
    background:url("/skins/nupi_style/images/index/radio_btn_orange.png") 0 0 no-repeat; 
}

/* active state (current page state) */ 
#utility_info div.navi_scroll a.active{ 
    background:url("/skins/nupi_style/images/index/radio_btn_yellow.png") 0 0 no-repeat; 
}


.arrow_left
{
    background: url("/skins/nupi_style/images/index/arrow-left.jpg") no-repeat  scroll 0 0 transparent;
    cursor:pointer;
    display:inline;
    float:left;
    height:16px;
    margin:63px 10px;
    width:14px;
    visibility: hidden;

}

.disabled_nupi_nav {
    visibility: hidden;
    background-color: red;
}

.arrow_right
{
    background: url("/skins/nupi_style/images/index/arrow-right.jpg") no-repeat  scroll 0 0 transparent;
    cursor:pointer;
    display:inline;
    float:left;
    height:16px;
    margin:63px 10px;
    width:14px;
    visibility: hidden;

}


a.browse
{
    cursor:pointer;
    display:inline;
    float:left;
    height:16px;
    margin:63px 10px;
    width:14px;
}

a.browse.disabled
{
    visibility:hidden;
}

.module_cms #page_content .sft_head{
	height:30px;
	padding:0px;
	background-color:#FFF!important;
	font-size:20px;
	font-weight: bold;
	vertical-align:top;
	background: url(/skins/nupi_style/images/strip.png) no-repeat bottom left;
}

.module_cms .editable_content , .module_cms td.sft_bottom {
		color:#434345!important;
		padding:0px;
		line-height:19px;
		text-align:justify;
		text-size:12px;
		width:550px;
}

.search_input {
		width:108px;
}

.module_cms li {
	padding-bottom:12px;
}

.module_contact .fi {
	width:225px!important;
	padding-left:0px;
}

.select_fi  {
	width:227px;
	border:1px solid #376AA6;
	color:#000044;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	margin-bottom:1px;
	vertical-align:middle;
}


#logout_button {
/*
	background:transparent url(/skins/nupi_style/images/icon-logout.gif) no-repeat top left;
	width:64px;
	height:27px;
	display:block;
	float:right;
*/
}


#login_form_submit{
	background:transparent url(/skins/nupi_style/images/login_t_btb.jpg) no-repeat top left;
	width:56px;
	height:21px;
	border:0px;
	margin-left:2px;
	
}


.login_area_buttons {
	float:right;
	margin-top:4px;
    margin-left:0;
}

.logged_in .login_area_buttons {
    *width:215px;
}

.logged_in .login_area_buttons .floatLeft {
    *float:left;
}


#login_icons{
	float:left;
	height:77px;

}
.logo_td_width {
width:240px!important;
}
.login_area_width {
	text-align: right;
	padding: 0px 5px 0 0;
}

#header_separator {
	width:353px;
}



#login_button{
	display:none;
}

body .language_selector {
	margin:16px 5px 5px 42px;
}

body.logged_in .language_selector {
	margin:12px 0 0 200px;
}


body #login_area {
	display:block!important;
	margin-top:12px;
    width:242px;
    float:right;
}

body #login_form_label_username{
     padding-right:0px;
     display:block;
     margin-right:61px;
	 padding-right:0px;
}

body #login_form_submit{
    display:inline;
    margin-top:4px;
}
body #login_form_create{
    display:inline;
    padding-right:0px!important;
}
body #login_form_forgot{
    display:inline;
    padding-right:0px!important;
}
#login_frm
{
    width:242px;
    float:right;
   
}
body.logged_in #login_frm{
	display:none;
}
body.logged_in #login_area {
    display:none!important;
}

body.logged_in .login_area_buttons {
	float:right;
}


.menu_second_level_item_middle_hover a {
    color:#000;	
}
.menu_second_level_item_middle_hover a:hover {
	color:#000;
}

.menu_second_level_item_middle {
	width:130px!important;
}

.menu_second_level_item_middle_hover a, .menu_second_level_item_middle.selected a {
    color: black !important;
}

#logo_td  {
padding-left:10px;
}




.big_pic
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.logo2
{
	position: absolute;
	top: -10px;
	left: 430px;
	z-index:20;
}
/***SLIDER BORROWED FROM HOSETECH**/
.slider{
    position:absolute;
    left:0px;
    top:26px;
	overflow:hidden;
	width:338px;
	height:159px;
	background-color:#FFF;
    border-collapse:collapse;
}

.slider ul{
	list-style-position:outside;
	list-style:none;
	padding:0;
	margin:0;
}

.slider li{
	display:block;
	overflow:hidden;
	height:149px;
	float:left;
/*	position:relative;*/
}

.slider li.closed span{
	display:none;
}
.slider li.open{
	width:149px;
}
.slider li.closed{
	width:53px;
}

.slider li img
{
    height:149px;
    width:149px;
}

/* slide for nupiamericas */

#slide_Smartflex{
    border: 5px solid #27782c;
}
#slide_Elofit{
    border: 5px solid #fad52c;
    border-left: none;
}
#slide_Oiltech{
    border: 5px solid black;
    border-left: none;
}
#slide_Smartconduit{
    border: 5px solid #fd8103;
    border-left: none;
}
/*******Changes for login links*********/
a.yl
{
    font-weight:normal !important;
    color:#000000 !important;
}
a.yl:hover
{
    text-decoration:underline;
    color:#000000 !important;
}

#breadcrumbs {
    z-index:auto!important;
}



/* fix for technical page */
.technical_page.module_enlarge #page_content div {
    width:402px;
    margin:0 auto;
}

.technical_page.module_enlarge #page_content div a  {
    left:-205px;
    *left:-195px;
    position:relative;
}


/* fix for enlarge page */
.closeBtnEnlarge {
    float:right;
}

.language_selector_popup {
    margin: 1px 2px 0 0 !important;
    float: right;
}


.module_enlarge #pic {
    border:0;
}


/* fix for new footer */
.footer_links a, .copyright_main {
    font-family:arial;
    font-size:11px;
    color:#777777;  
}

.footer_links, .copyright_main {
    margin-bottom:15px;
}

.footer_links {
    float:left;
}

.footer_links a, .copyright_main a {
    text-decoration:underline;
}

.footer_links span {
    margin:0px 8px 0px;
    color:#777777;
}

.copyright_main {
    float:left;
}


/* fix for search button */

.login_field, #search_q.search_input {
    height:15px;
    margin-top:-11px;
    *margin-top:-10px;
}

.creditrow {
    float:right;
    *padding-left:282px;
    padding-top: 15px;
}

#stage_indicator td,
#stage_indicator td a {
    text-transform: capitalize;
}


#movie_area {
    position:relative;
}

.youtube_icon  {
    position:absolute;
    width:41px;
    height:41px;
    left:181px;
    top:1px;

}


.email_to_friend_link {
    margin-left:50px;
}


ul.submenu li.menu_last > a:hover, li#menu_last.submenu_item > a:hover {
    background-color:transparent;
    color:#707070;
}

li#menu_last.submenu_item a{
    border:0px;
}

li#menu_last.submenu_item {
    border-bottom:1px solid #A8A8A8;
    color:#707070;
}

/* nupi v24 styles (americas)*/

/* Homepage main content width */
#outer_wrapper #inner_wrapper #all_content {
    width: 905px;
}

/*
#outer_wrapper #inner_wrapper #all_content #page_content {
    width: 905px;
}
*/

.module_home_page .table_page_content td {
    width: 100%;
}

.module_home_page td.left_block_papa {
    width: 0px;
}

.module_home_page #left_block {
    width: 0px;
    padding: 0;
    margin: 0;
}

/* Module Homepage right hook (video) title fix */
.right_content_area h3 {
    padding-top: 11px;
}

/* Module News Start */
.news_preview {
    background-image:url(/skins/nupi_style/images/news_frame.jpg);
    height: 226px; /* 226 */
    width: 224px;
    margin-top: 10px;
    border-bottom: 1px solid black;
}

.news_preview h3 {
    padding-top: 13px;
    padding-left:12px;
}

.news_preview .vertical {
    height: 152px;
    width: 211px;
    margin-left: 7px;
    padding-left: 5px;
}
    
.news_preview .scroll_down {
    width: 212px;
    margin-left: 7px;
    margin-top: 8px;
}

.news_preview .scroll_up {
    width: 212px;
    margin-left: 7px;

}

.news_preview .item .date {
    float: none;
}

.news_preview .item .read_more {
    position: relative;
}

.news_preview .item .read_more a {
    color: blue;
}


.news_preview .item .date {
    color: #636466;
}

.news_preview .item .title {
    background-color: transparent;
    color: #636466;
    font-weight: bold;
}

.news_preview .item .summary {
    color: #318DD6;
}

.module_news td.left_block_papa {
    width: 0px !important;
}

.module_news #left_block {
    padding-right: 0px !important;
}

.module_news .link_editor .fb {
    width: 80px !important;
}

/* fix the datepicker that was non hidden */
.module_news #ui-datepicker-div {
    left: -5000px;
    position: absolute;

}
/* Module News End */

/* Module CMS start*/

.module_cms #search_frame, .module_catalogue #search_frame {
    width: 180px;
    margin-top: -15px;
}


.module_cms #breadcrumbs_container {
    padding-top: 14px;
    padding-bottom: 5px;
}

/* overwrite interface.css unwanted margin */
.module_cms .t_win, .module_contact .t_win, .module_calculator .t_win, .module_contact .t_win {
    margin-top: 10px !important;
}

/* Module CMS End */

/* Module Gallery (download) Start */
.module_gallery td.left_block_papa {
    width: 0px !important;
}

.module_gallery #middle_block {
    vertical-align: top;
    
}

.module_gallery #left_block {
    padding-right: 0px !important;
}

.module_gallery #outer_wrapper #inner_wrapper #all_content #page_content {
    width: 625px !important;
}

/* Module Gallery End */

/* Module Messages Start */

.module_messages td.left_block_papa {
    width: 0px !important;
}

.module_messages #middle_block {
    vertical-align: top;

}

.module_messages #left_block {
    padding-right: 0px !important;
}

/* Module Messages End */

/* Module Basket Start */

.module_basket td.left_block_papa {
    width: 0px !important;
}

.module_basket #middle_block {
    vertical-align: top;

}

.module_basket #left_block {
    padding-right: 0px !important;
}

/* Module Basket End */

/* Module Favorites Start */
.module_favorites td.left_block_papa {
    width: 0px !important;
}

.module_favorites #middle_block {
    vertical-align: top;

}

.module_favorites #left_block {
    padding-right: 0px !important;
}

/* Module Favorites End */

/* Module Register Start */

.module_register #page_content {
    width: 840px !important;
}

.module_register #left_block {
    width: 0px !important;
    padding-right: 0px !important;
}

.module_register td.left_block_papa {
    width: 0px !important;
}

.module_register table.t_win {
    margin-top: 25px !important;
}
/* Module Register End */

/* Module Technical */
.module_technical #outer_wrapper #inner_wrapper #all_content #footer {
    padding-left: 130px;
    float: none;
}
.module_technical #outer_wrapper #inner_wrapper #all_content #page_content {
    width: 915px !important;
}

.module_technical #left_block {
    padding-right: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.module_technical td.left_block_papa {
    width: 0px !important;
}

.module_technical .language_selector {
    margin: 10px 5px 5px 42px !important;
}

.module_technical .userfield {
    padding-right: 90px !important;
}

.module_technical .dir_ltr .basket_add_control  {
    padding-left: 55px !important;
}

.module_technical .tech_info_block_container {
    padding-bottom: 15px;
}

.module_technical .tech_draw_img {
    padding-top: 44px;
    padding-bottom: 18px;
}

.module_enlarge .sft_head {
    background-color: #999999 !important;
    text-align: center !important;

}

.module_enlarge .creditrow {
    float: none;
    padding-left: 145px;
}

/* BEGIN: override interface.css' catalogue product list text alignment */
.product_list_box_inner {
    height: 147px !important;
}
.product_list_box, .group_list_box {
    padding-bottom: 0;
    min-height: 161px;
    height: auto;
}
.group_list_box_text_span, .product_list_box_text_span {
    margin-top: 0;
    height: auto;
    min-height: 70px;
}


/* Homepag emovie template css */
.module_home_page .video_wrapper_text {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 10px;
}

.video_wrapper_text p {
    padding:0;
    margin:0;
}

.video_wrapper_text h3 {
    padding:0;
    margin:0;
}

.video_wrapper_text .languages {
    padding-left: 74px;
}

.video_wrapper_text .movie_img2 {
    padding-top: 3px;
}
/* END */

/* nupi menu fix */
#main_menu {
    padding-bottom: 8px !important;
}


/* Module technical print page design */
.module_technical #technical_print_area {
    clear: both;
    width: 100%;
    font-size: 10pt;
    margin-left: auto;
	margin-right: auto;
}

#technical_print_area .print_area_logo {
    background-color: red;
    width: 100%;
    margin-bottom: 25px;
}

.module_technical #technical_print_area .print_area_info {
    width: 60%;
    float: left;

}

.module_technical #technical_print_area .print_area_info_table .field_name {
    padding-right:10px ;
}

.module_technical #technical_print_area .print_area_pic {
    width: 30%;
    float: left;
}

.module_technical #technical_print_area .print_area_tech {
    clear: both;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
}

.module_technical #technical_print_area .print_area_tech img {
    margin-left: auto;
	margin-right: auto;
}


/*
   Module technical print page design
   hiding the main rendered page and show jQuery generated page for print only
*/
@media print {
  .module_technical #outer_wrapper
  {display: none;}
  .module_technical #technical_print_area
  {display: block !important;}

}