@charset "utf-8";
/* CSS Document */
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family:Verdana, sans-serif, Helvetica, Arial;
}
	
h1{
	font-size: 105%;
	color: #666666;
	text-align: center;
	font-weight: bold;
	padding: 12px 0px 4px 12px;
	margin: 0px;
	height:30px;
	
}
h2{font-size:102%; color:#CC6600; text-align:left; padding:6px 0px 6px 10px; margin:0px}
h3{	font-size: 100%; color: #00BAFF; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}
h4{	font-size: 98%; color: #E87C3C; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}
h5{	font-size: 96%; color: #ffffff; text-align: left; padding: 6px 0px 6px 10px; margin: 0px}

.rup{font:"Rupee Foradian"}

.paral {text-align:justify}
.para,.paral,.parac,.parar,.parari{font-size:100%; padding:1px 10px 0 14px; color:#666; text-decoration:none; line-height:25px;}
.paracs {text-align:right; color:#09c; font-size:100%; padding:1px 10px 0px 10px}
.paral {text-align:justify}
.parac {text-align:center}
.parar {text-align:right}
.parari {text-align:right; font-style: italic; font-weight: bold}

.para_p{ font-size:100%; padding:4px 1px 4px 1px; color:#666; text-decoration:none}

.para_pipe {border: 0px solid;width: 100%; height:115px;}
.para_pipe a {display: block; background: #ffffff; height: 100%; text-align: center;}
.para_pipe a:hover {background: #E6F0FF;}

.div_hd_h2{margin:12px 2px; }

.slidbutn{
background: #fff;
width: 90px;
height: 33px;
border: 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
cursor:pointer;
}

#menu_plumbing{
color: #fff;
list-style: none;
width: 100%;
padding: 0px;
margin: 0px;
}
#menu_plumbing li{
position: relative;
line-height: 20px;
z-index:5;
}
#menu_plumbing a{
display:block;
text-decoration:none; 
color: #fff;
padding: 2px 0px;
border-radius: 5px;
font-size:13px;
}
#menu_plumbing a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}
/*--- DROPDOWN ---*/
#menu_plumbing ul{
	background:#fff;
	background:rgba(255,255,255,0);	
	list-style:none;
	position:absolute;
	left:-9999px; 
	margin:0px;
	padding:0px;
}
#menu_plumbing ul li{
padding-top:1px; 
float:none;
}
#menu_plumbing ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu_plumbing li:hover ul{ 
left:0; 
width:180px;
}
#menu_plumbing li:hover a{ 
background: #C8592E;
text-decoration: none;
color: #fff;
}
#menu_plumbing li:hover ul a{ 
text-decoration: none;
width: 220px;
padding:4px 2px 4px 8px;
background: #fff;
color: #666;
text-align: left;
border-radius: 1px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
}
#menu_plumbing ul li ul{
position:absolute;
display:none;
margin:0px 0px 0px 30px;
}
#menu_plumbing ul li:hover ul{
left:200px;
top:0px;
display:block;
list-style-type: none;	
}
.container{
position: relative;
margin:5px;
background:#ffffff;
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
}
.overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: #e6e6e6; /*this for ie */
overflow: hidden;
width: 100%;
height:0;
transition: .5s ease;
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
opacity:0.70;
}
.container:hover .overlay {
bottom: 0;
height: 100%;
}
.text {
position: absolute;
width:100%;
bottom: 45%;

}
.morebutton{
background:#FF8A00;
margin:0 auto;
font-size:16px;
width: 100%;
padding: 5px;
cursor: pointer;
color: white;
border: 1px solid white;
}
.pg_link2{
padding: 2% 7% 2% 7%;
border: #c9c9c9 solid 1px;
text-decoration:none;
color:#fff;
}
.pg_link2:hover{
background-color:#ED6E21;
border: 0px;
color: white;
}
a {
color: #333;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: none;
}
.scl_mn_dv1{
padding: 1px 0px 1px 0px;
float: left;
}
.img_style_sdr{
display:none;
	}
.img_style .Slider_imag{ margin-bottom: 0px; }



a.hd_h2:link {font-size:11px; color:#ffffff; text-align:left; 
padding:4px 6px;
background-color:#ED6E21;
}
a.hd_h2:visited {
	color: #ffffff;
	padding:4px 6px;
	text-align: left;
}
a.hd_h2:hover {
	color: #F6F6F6;
	text-align: left;
	padding:4px 6px;
	background-color:#FF8E29;
}

    TABLE.tbl  {font-size:9pt;  border-collapse:collapse; width:100%; border:1px solid #9F9F9F; cellspacing:0px; padding:0px}
    TR.tbl  {padding:0; background:#E8FFFF; text-align:center}
    TD.tbl  {
	padding: 5px;
	background: #FFFFFF;
	text-align: center;
	border: 1px solid #9F9F9F;
}


	TABLE.SPEC_w{font-size:8pt; border-collapse:collapse; width:80%; border:0px solid #888; cellpadding:0px; cellspacing:0px; margin-left:10px; margin-right:10px;} 
	TR.SPEC_w  {vertical-align:top}
	TD.SPEC_w {
	background: #FFFFFF;
	border: 0px solid #888;
	text-align: center;
	padding: 8px 2px 8px 5px;
	
}
	Th.SPEC_w {
	background: #4397FE;
	border: 0px solid #888;
	text-align: center;
	padding: 2px 2px 2px 5px;
	width:33%;
	color:#FFF;
	font-size:12px
}


/* */
ul#tabs { list-style-type: none; margin: 0px 0 0 0px; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a {
	color: #00A7E9;
	background: #fff;
	border: 1px solid #E1E1E1;
	border-bottom: none;
	padding: 6px 4px 6px 4px;;
	text-decoration: none;
	font-size:14px;
}
ul#tabs li a:hover { background: #f1f0ee; }
ul#tabs li a.selected {
	color: #ffffff;
	background: #00A7E9;
	padding: 6px 4px 6px 4px;
}
div.tabContent { border-top: 1px solid #E1E1E1; padding: 0.5em; background: #fff; }
div.tabContent.hide { display: none; }



/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul{margin:0;
    padding:0;
    list-style:none;
	color: #D26A02;
	}


/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
	text-align: left;
	/*border-bottom: 2px dotted #CCCCCC;*/
    cursor: pointer;
    
	font-size:13px;
    font-weight: normal;
    list-style: none outside none;
	color: #D26A02;
	background:#F7F7F7;
	margin:4px 0px 4px 0px;
    padding: 10px 2px 10px 20px;	
	
}

#menuwrapper ul li:hover{
	background: #00BAFF;
	position: relative;
	background: url("images/btn_lft_solar1.jpg") no-repeat scroll left bottom #00aeff;
	border: medium none;
	color: #fff;
	text-align: left;
	/*margin: -0px 0px -6px 0px;
	padding: 10px 2px 20px 20px;*/

}

/* We apply the link style */
#menuwrapper ul li a{
   	text-decoration: none;
	color: #D26A02;
	
}
#menuwrapper ul li a:hover{
   	text-decoration: none;
	color: #fff;
	background: #00BAFF;

}


/**** SECOND LEVEL MENU ****/

/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */

#menuwrapper ul li ul{

    position:absolute;

    display:none;

	margin:0px 0px 0px 8px;

	

}

/*add this to submenu of submenu*/

#menuwrapper ul li ul li .menu{

    position:absolute;

    display:none;

	margin:0px 0px 0px 8px;

	

}

#menuwrapper ul li ul li ul li .menu1

{

    position:absolute;

    display:none;

	margin:0px 0px 0px 8px;

}

#menuwrapper ul li ul li:hover .menu

{

display:block;

}

#menuwrapper ul li ul li ul li:hover .menu1

{

display:block;

}

/*end submenu of submenu */ 

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    left:200px;
    top:0px;
    display:block;
	list-style-type: none;	
	border-left: 1px solid #F2F2F2;	
	border-top: 1px solid #F2F2F2;
	border-right: 1px solid #A8A8A8;  
	box-shadow: 3px 3px 8px #818181;
	-webkit-box-shadow: 3px 3px 8px #818181; 
	-moz-box-shadow: 3px 3px 8px #818181;
	z-index:10;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
	
	margin:0px 0px 0px 0px;
	width:200px;
	color: #333; 
	border-bottom: 1px solid #D3C9A9;	
	text-decoration: none; 
	padding: 7px 5px; 
	background: #fff;	
	
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background:#E8E8E8;	
	padding: 7px 5px; 
	border-bottom: 1px solid #D3C9A9;
	margin:0px 0px 0px 0px ;
	color:#333;
}
#menuwrapper ul ul li a{
   	text-decoration: none;
	color: #333;
	/*line-height:25px;*/
	font-size:13px;
	display:block;
}
#menuwrapper ul ul li a:hover{
   	text-decoration: none;
	color: #333;
	background:#E8E8E8;
}