@charset "utf-8";


body {
background:url(../images/bggrad.jpg) repeat-x;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;

}

a {color:color:#0177C6;
text-decoration:none;
	
	}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

#floating_link {
     position: fixed;
     right: 0;
     top: 20%;
     display: block;
 	 float:right;
     width: 50px;
     height: 125px;
overflow: hidden;

     

	 
	 background-color:BlanchedAlmond;
	 background-image:url(../images/contactus.jpg); 
     
     display:inline;
     border: 1px solid red;
	

}
#rotate {
float:left;
font-size:18px;
font-family:Verdana;
-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
margin-left:0px;
margin-top:29px;
}


/* Start Clearfix Code */
.clearFix {*zoom:1;}
.clearFix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
/* End Clearfix Code */


.hide{display:none; border:none; margin::0px; padding:0px;}

/* Main Content definitons */
.frameArea {background:none;
	
	margin:0px auto;
	padding:0px;
	width:1050px;
	padding-top:0px;
}
.frameArea .headerArea {
	width:100%;
	height:125px;
	margin:0 auto;
	text-align:center;
	
}
/* Main content End */


/*menu Container Starts */
#logo { float:left;width:305px;height:69px; margin-top:0px; }
.logo{ float:left;width:305px;height:69px;text-indent: -999px;margin-left:40px; background-image:url('../images/SPOON2img.png') }

#headerMenuContainer{float:left;width:1050px;} 
.headerMenuContainer{float:left; width:1050px; height:auto; margin-top:22px;} 

/*-----------------Featured Post------------------*/
#featured-post-wrap {
background:#0a51a1 url(http://i28.tinypic.com/295yhhj.gif) repeat-x 0 0;
width:1024px;
position:relative;
float:left;
padding:12px;
margin-top:10px;
}
#featured-post { position:relative; width:1024px;
height:206px;
margin:0 auto;
z-index:4;
}
.featured-item {
background:#0a51a1 url(http://i28.tinypic.com/295yhhj.jpg) repeat-x 0 -12px;
height:206px;
overflow:hidden;
}
.featured-thumb {
background-color:#e2e2e2;
padding:7px;
border:1px solid #e2e2e2;
margin-right:5px;
float:left;
width:304px;
}
.featured-item .date-post {
text-transform:uppercase;
font-size:10px;
color:#004674;
}
.featured-item .title {
margin-top:0px;
clear:left;
font-size:20px;
font-weight:normal;
padding-bottom:7px;
margin-bottom:3px;
letter-spacing:1px;
}
.featured-item .title a {
color:#ffffff;
}
.featured-item .title a:hover {
color:#004674;
}
.featured-item .post {
margin:0;
padding:0;
background:none;
float:left;
width:648px;
}
.featured-item .entry {
color:#FFFFFF;
}
.featured-item a.read-more {
background:url("../images/cr.gif") no-repeat 0 0;
float:left;
display:block;
font:normal 11px Tahoma, Verdana, Arial;
color:#fefefe;
height:19px;
line-height:19px;
padding:0 6px;
width:102px;
margin-top:10px;
}
.featured-item a.read-more:hover {
color:#004674;
}
#featured-prev, #featured-next {
position:absolute;
top:196px;
width:24px;
height:23px;
text-indent:-9999px;
cursor:pointer;
z-index:5;
}
#featured-prev {
background:url("../images/arrows.gif") no-repeat 0 0;
right:33px;
}
#featured-next {
background:url("../images/arrows.gif") no-repeat 100% 0;
right:9px;
}




#wcontainer{
	height:auto;
	width:1050px;
	margin-top:10px;
	margin-bottom:2px;
	float:right;
}
#video-container{width:328px;
height:261px; 
float:right;
margin-top:0px; 
margin-bottom:0px;
background-color:#def3fb; border:1px solid #bfdeea ; -moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}


#welcome-message{
width:581px;
height:250px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#def3fb;border:1px solid #bfdeea;
padding:2px
115px 10px 18px;
margin-top:0px; 
margin-bottom:0px;
float:left;
}
#welcome-message h5{margin-bottom:0}
#welcome-message .more-info{margin:0}
#welcome-message .more-info li{list-style-type:none;display:inline;margin:0 20px 0 0;font-weight:bold}
#welcome-message.hide{position:absolute;font-weight:bold;top:13px;right:20px}
#welcome-message .amo-promo{border-top:1px dotted #a6d5e7;margin:10px 0 0;padding:10px 0 0}
#welcome-message .amo-promoa{font-weight:bold}.tutBold{font-weight:bold;font-style:italic;color:#975151}.center{float:none;text-align:center;display:block;margin:0 auto}



/*** Mini Carousel: START ***/

#miniCarousel
{
	width: 310px;
	height: 233px;
	background: url("../images/layout/mini_carousel_bg.gif");
	position:relative;
	margin-left:10px;
	padding-top:12px;
	padding-left:0px;

}

.noTabs
{
    background: url("../images/layout/mini_carousel_bg2.gif") !important;
}

#miniCarousel h2
{
	padding: 14px 15px 8px 25px;
	float:left;
	position:relative;
}

#miniCarousel h2.active
{
	background:url("../images/layout/carousel_tab_left.gif") no-repeat 10px 4px;
}

#miniCarousel h2 a
{
	color:#555555;
	text-decoration:none;
}

#miniCarousel h2 a:hover
{
	color:#7D41CF;
}

#miniCarousel h2.active span
{
	background:url("../images/layout/carousel_tab_right.gif") no-repeat 0px 4px;
	width:8px;
	height:43px;
	position:absolute;
	top:0px;
	right:0px;
}

.miniCarouselFrames
{
	width: 245px;
	height: 175px;
	overflow: hidden;
	position: absolute;
	top: 58px;
	left: 33px;
}

.miniCarouselFrames .miniCarouselFrame
{
	text-align: center;
	width: 225px;
	height: 175px;
	background:transparent !important;
	padding:0px 10px;
}

.miniCarouselFrames .miniCarouselFrame p
{
	background:#F4F4F4;
}

.miniCarouselFrames .miniCarouselFrame p a
{
    color:#707070;
    text-decoration:none;
}

.miniCarouselFrames .miniCarouselFrame p a:hover
{
    color:#521aa0;
    text-decoration:none;
}

.miniCarouselPrev
{
	display: block;
	width: 33px;
	height: 175px;
	position: absolute;
	top: 58px;
	left: 1px;
	text-indent: -9999em;
	overflow: hidden;
	background:url(../images/mini_carousel_left.gif)
}

.miniCarouselNext
{
	display: block;
	width: 33px;
	height: 175px;
	position: absolute;
	top: 58px;
	right: 0px;
	text-indent: -9999em;
	overflow: hidden;
	background:url(../images/mini_carousel_right.gif)
}

#miniCarouselTab2
{
	display:none;
}

/*** Mini Carousel: END ***/





/*Tabs container starts*/

#tbscntr {height:524px; width:1050px; margin-top:10px; float:left;}

#firecontainer{width:1041px; height:400px;margin-left:-17px;}
#firecontainer .fc {
	
background:#36F
border:1px solid #EBEBEB;
float:left;
height:auto !important;
margin:0 19px 0 0;
min-height:255px;
padding:18px 0;
position:relative;
width:302px;
}



#watercontainer{width:1041px; height:400px;margin-left:-17px;}
#watercontainer .fc {
	
background:#36F
border:1px solid #EBEBEB;
float:left;
height:auto !important;
margin:0 19px 0 0;
min-height:255px;
padding:18px 0;
position:relative;
width:302px;
}



#firepanel{float:left; width:874px; height:398px; border-right:0px solid #0CF; margin:auto; padding:1px;}


#waterpanel{float:left; width:874px; height:398px; border-right:0px solid #0CF; margin:auto; padding:1px;}


#corp-image{float:right; width:165px; height:529px; border:1px #000; margin-top:-114px; overflow:hidden}





/*Tabs Container Ends*/













/*Bottom logo container Starts*/


#bcontainer{height:125px; width:1050px; margin-top:10px; margin-bottom:2px;
float:left; margin-top:10px;}

#btmlogocntr{
	position:relative;
	float:left;
	height:125px; 
		width:1050px;;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

-moz-box-shadow: 5px 5px 10px 1px #999999;
-webkit-box-shadow: 5px 5px 10px 1px #999999;
box-shadow: 5px 5px 10px 1px #999999;

margin-top:20px;
background:url("images/ui-bg_flat_55_fbec88_40x100.png") repeat-x scroll 50% 50% #FBEC88;
border:1px solid #FAD42E;
color:#363636;

}

#btext{width:363px;text-align:left; float:right; margin:auto; margin-right:13px; }


div.logobottomimage{
  float: left;
  }
  
div.logobottomimage p {
   text-align: center;
   }
   
/*Bottom logo contaioner ends*/


/*Approvals container starts*/


#certbxpg{
height:847px;	
width:912px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#def3fb;border:1px solid #bfdeea;
padding:2px
115px 10px 18px;
margin-top:10px; 
margin-bottom:10px;
float:left;
position:relative;
text-align:justify;
	
	}



#certificationbx{
	
	width:880px;
	height:237px;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#def3fb;border:1px solid #bfdeea;
padding:2px
115px 10px 18px;
margin-top:10px; 
margin-bottom:10px;
float:left;
position:relative;
text-align:justify;
	
	}




/*Approvals container Ends*/


/*fire products container container Start*/




#firePDWBx{
	
	width:997px;
	height:1241px;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff;border:1px solid #bfdeea;
padding:2px
2px px 2px;
margin-top:10px; 
margin-bottom:10px;
float:right;
position:relative;
text-align:justify;
	
	}
	
	




#fireproductRC{
	
	width:165px;
	height:713px;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#def3fb;border:1px solid #bfdeea;
padding:2px
3px 10px 2px;
margin-top:10px; 
margin-bottom:10px;
float:right;
position:relative;
text-align:justify;
	
	}
	
	
	
#fireproductLC{
	
	width:677px;
	height:713px;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#def3fb;border:1px solid #bfdeea;
padding:2px
1px 10px 18px;
margin-top:10px; 
margin-bottom:10px;
float:left;
position:relative;
text-align:justify;
	
	}
	
	
/*fire products container container Ends*/




/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */

/* accordain start*/		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-1{width:800px;height:245px;padding:30px;background:#fff;border:1px solid #b5c9e8}
		#accordion-1 dl{width:800px;height:245px}	
		#accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#26526c}
		#accordion-1 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-1.jpg) 0 0 no-repeat}
		#accordion-1 dt.hover{color:#68889b;}
		#accordion-1 dt.active.hover{color:#fff}
		#accordion-1 dd{padding:25px;background:url(../images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{float:right;margin:0 0 0 30px;}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}
			
		#accordion-2{width:808px;height:277px;padding:30px;background:#fff;border:1px solid #b5c9e8}
		/*#accordion-2 h2{font-size:2.5em;margin-top:10px}*/
		#accordion-2 dl{width:808px;height:277px}	
		#accordion-2 dt{height:56px;line-height:44px;text-align:center;padding:10px 15px 0 0;font-size:1em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff url(../images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c}
		#accordion-2 dt.active{cursor:pointer;color:#fff;background:#fff url(../images/slide-title-active-2.jpg) 0 0 no-repeat}
		#accordion-2 dt.hover{color:#68889b;}
		#accordion-2 dt.active.hover{color:#fff}
		#accordion-2 dd{padding:25px;background:url(../images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-2 .active .slide-number{color:#fff}
		#accordion-2 a{color:#68889b}
		#accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

 		#accordion-3{width:808px;height:277px;padding:30px;background:#fff;border:1px solid #b5c9e8}
		/*#accordion-2 h2{font-size:2.5em;margin-top:10px}*/
		#accordion-3 dl{width:808px;height:277px}	
		#accordion-3 dt{height:56px;line-height:44px;text-align:center;padding:10px 15px 0 0;font-size:1em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff url(../images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c}
		#accordion-3 dt.active{cursor:pointer;color:#fff;background:#fff url(../images/slide-title-active-2.jpg) 0 0 no-repeat}
		#accordion-3 dt.hover{color:#68889b;}
		#accordion-3 dt.active.hover{color:#fff}
		#accordion-3 dd{padding:25px;background:url(../images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-3 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-3 .active .slide-number{color:#fff}
		#accordion-3 a{color:#68889b}
		#accordion-3 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

/* accordain End*/		



/* vertical Tab start */		

#vtab {
            margin-top: 10px;
            width: 872px;
            height: 100%;
        }
        #vtab > ul > li {
            width: 110px;
            height: 110px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.home {
            background:url(../images/vtabimgs/water.png) no-repeat center center;
        }
        #vtab > ul > li.login {
            background: url(../images/vtabimgs/water2.png) no-repeat center center;
        }
        #vtab > ul > li.support {
            background: url(../images/vtabimgs/support.png) no-repeat center center;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 110px;
            border: 1px solid #ddd;
            min-height: 370px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }



/* vertical Tab End */