html, body 
{
    margin:0px;                                                   /* margin, padding & height are important for footer stick purpose - part-1 */
    padding:0px;
    height:100%;    
    font-family:Arial;
    font-size:11px;
    text-decoration:none;
    background:#25253C url('../images/body_bg.gif') repeat-x;
    
}

a:link 
{
    color: #A7A7B2;
     text-decoration: none;
  }

a:active 
{
    color: #A7A7B2;
    text-decoration: none;
   
    }
    
a:visited 
{
    color: #A7A7B2;
    text-decoration: none;
 }
 
a:hover 
{
    color: #E2E2EA; 
    text-decoration: underline; 
  }




.hidden {
          display: none;
}

.color
{
  color:#810C12;  
    
    
}

.title
{
    font-size:13px;
    color:#C9C9D7;
    padding:0px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    border-bottom:1px solid #000000;
     
    
}

/* Application Specific */



#frame_area
{
   width:936px;                                                              /* width, position, margin, min-height, background & height are important for footer stick purpose - part-2 */
   min-height: 100%;
   height: auto !important;
   height: 100%;
   padding:0px 0px 0px 0px;
   position:relative;
   margin:0px auto;   
   background:#8B8CA2 url('../images/content_bg1.gif') repeat-x;
          
}

#logo_area
{
    width:936px;
    height:109px;
             
}


#logo_pad
{
    width:659px;
    height:109px;
    float:left;
   
     
}

#logo
{
    width:422px;
    height:109px;
    float:left;
    background: url('../images/logo.jpg') no-repeat;
     
}

#iso
{
    width:277px;
    height:40px;
    float:right;
    padding:8px 0px 0px 0px;
    margin:0px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#A7A7B2;
    background: url('../images/iso_bg.gif') no-repeat;
     
}

#font_resizer
{
     width:60px;
     margin:30px 44px 0px 0px;
     height:30px;
     float:right;
     
}

#contrast a 
{
          width:25px;
          height:25px;
          float:left;
          background: url('../images/A_minus.png') no-repeat;
         
         
}

#contrast a:hover  
{
          width:25px;
          height:25px;
          float:left;
          background: url('../images/A_minus_hover.png') no-repeat;
         
}



#enlarge a
{
          width:25px;
          height:25px;
          float:right;
          background: url('../images/A_plus.png') no-repeat;
         
}

#enlarge a:hover 
{
          width:25px;
          height:25px;
          float:right;
          background: url('../images/A_plus_hover.png') no-repeat;
}


.career_head
{
	
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	
	
	
}

/* Flash and Navigation Area */

.flash_area_container
{
   float:left;
   height:130px;
}

.flash_area_home
{
    z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
     /* background: url('flash-images/home.png') no-repeat; */
    border-bottom:1px solid white;
}

.flash_area_aboutus
{
     z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
     /* background: url('flash-images/about_us.png') no-repeat; */
    border-bottom:1px solid white;
}

.flash_area_products
{
    z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
     /* background: url('flash-images/products1.png') no-repeat; */
    border-bottom:1px solid white;
}




.flash_area_industries
{
     z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
    /* background: url('flash-images/products2.png') no-repeat; */
    border-bottom:1px solid white;
}

.flash_area_rfq
{
    z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
    background: url('flash-images/rfq.png') no-repeat; 
    border-bottom:1px solid white;
}

.flash_area_sitemap
{
    z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
  /*   background: url('flash-images/site_map.png') no-repeat; */
    border-bottom:1px solid white;
}

.flash_area_contactus
{
    z-index:1;
    position:absolute;
    top:130;
    left:0;
    width:936px;
    height:130px;
    /*  background: url('flash-images/contact_us.png') no-repeat;*/
    border-bottom:1px solid white;
}


#horz_nav_area
{
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    width :936px;
    height:130px;
    font-weight:bold;
    font-style:normal;
    color:#A7A7B2;
     
}


#nav_default
{
    width:936px;
    height:30px;
    float:left;
    text-decoration:none;
    background: url('../images/nav_default_bg.png') repeat-x;
      
}


.nav_individual
{
    height:19px;
    float:left;
    text-align:center;
    padding:8px 10px 0px 10px;
    border-right:1px solid black;
          
}


.nav_individual:hover
{
    
   background: url('../images/nav_hover_bg.png') no-repeat;
          
}

.selected a
{
   
    height:19px;
    float:left;
    text-align:left;
    margin:0px -10px 0px 0px;
    padding:8px 25px 0px 10px;
    border-right:1px solid black;
    color:#DA0418;
    
}

.arrow
{
    width:19px;
    height:19px;
    padding:0px -20px 0px 0px;
    margin:10px 0px 0px -10px;
    float:left;
    background: url('../images/arrow_down.png') no-repeat;
   
    
}



/* Content Area */

#content_area_fixed
{
     width:936px;
     height:45%;
     float:left;
     background:#8B8CA2 url('../images/content_bg2.gif') repeat-x;
     text-align:center;
     padding:0px 0px 60px 0px;
     margin:0px 0px 0px 0px;
    
   
  }
  
  #content_area_grow
{
     width:936px;
     
     float:left;
     background:#8B8CA2 url('../images/content_bg2.gif') repeat-x;
     text-align:center;
     padding:0px 0px 60px 0px;
     margin:0px 0px 0px 0px;
    
   
  }
  
#button_area
{
   height:25px; 
   padding:0px 0px 0px 50px;
   margin:20px 0px 0px 0px;
     
}



#email_button a
{
    width:24px;
    height:20px;
    float:left;
    background: url('../images/emailButton.png') no-repeat;
  
}

#email_button a:hover
{
    width:24px;
    height:20px;
    float:left;
    background: url('../images/emailButton_hover.png') no-repeat;
 
}

#print_button a
{
    width:24px;
    height:20px;
    float:left;
    background: url('../images/printButton.png') no-repeat;
    
    
}

#print_button a:hover
{
    width:24px;
    height:20px;
    float:left;
    background: url('../images/printButton_hover.png') no-repeat;
    
    
}

#content_top
{
    width:936px;
    height:14px;
    float:left;
    margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
    background: url('../images/c_top.png') no-repeat;
     
}


#content_middle
{
    width:936px;
    height:425px; /* remove height if content grows  height:100%;  */
    background: url('../images/c_middle.png') repeat-y; 
    float:left;
   
   
}

#content_left
{
width:560px;
padding:0px 0px 0px 46px;
margin:24px 44px 24px 44px;
float:left;
text-align:justify;


  
}

#content_right
{
width:162px;
padding:0px 46px 0px 0px;
margin:10px 10px 10px 10px;
float:right;
text-align:left;

}

#content_bottom
{
    width:936px;
    height:15px;
    padding:0px 0px 0px 0px;
    background: url('../images/c_bottom.png') no-repeat;
    float:left;
            
}


/* RFQ - PAGE SPECIFIC CODE STARTS HERE   */



#content_top_rfq
{
    width:936px;
    height:8px;
    float:left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background: url('../images/rfq_top.png') no-repeat;
     
}


#content_middle_rfq
{
    width:936px;
    height:100%;
    float:left;
    background: url('../images/rfq_middle.png') repeat-y;
    padding:0px 0px 0px 50px;
    margin:0px 0px 0px 0px;
    
    
    
    
    
}


#form_area
{
    width:804px;
    padding:0px 0px 20px 30px;
    margin:0px 0px 0px 0px;
    float:left;
    text-align:left;
    border:1px solid #52577D;
}

#header_rfq
{
    width:806px;
    height:30px;
    float:left;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:20px 0px 0px 30px;
    background-color:#424873;
    color:#C9C9D7;
    font-size:13px;
    font-weight:bold;
    border-bottom:3px solid #A60707;
      
}

.side_heading
{
	
    padding:20px 0px 20px 0px;
    margin:0px 0px 0px 0px;
    font-weight:bold;
    font-size:12px;
    color:#810C12;
    text-align:left;
}



.lables
{
    width:150px;
    float:left;
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:0px 20px 0px 0px;
    
    
  }
  
  .lable_pad
{
   
    width:150px;
    float:left;
    text-align:left;
    font-weight:bold;
    padding:0px 0px 0px 0px;
    margin:10px 0px 10px 0px;
 }
  
  .inputs
  {
    width:200px;
    float:left;
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:0px 20px 20px 0px;
   
  }

.input_pad
{
    
    width:200px;
    float:left;
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:10px 0px 5px 0px;
   
     
}

.text_area
{
    width:593px;
    float:left;
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:0px 20px 10px 0px;
   

}


.submit_button
{
   
    width:774px;
    height:48px;
    float:left;
    text-align:right;
    padding:20px 0px 10px 0px;
    margin:10px 0px 0px 0px;
    margin:0px 0px 0px 0px;

}


#footer_rfq
{
    width:836px;
    height:50px;
    float:left;
    text-align:left;
    color:#ffffff;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#80829B;
    color:#C9C9D7;
    border-top:3px solid #343A6A;
      
}


#content_bottom_rfq
{
    width:936px;
    height:8px;
    text-align:left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background: url('../images/rfq_bottom.png') no-repeat; 
    float:left;
            
}



/* PRODUCTS - page specific code   */


.product_title
{
      
width:540px;
float:left;
text-align:left;
font-size:13px;
color:#C9C9D7;
padding:0px 0px 0px 0px;
border-bottom:1px solid #000000;
    
    
}

.thankyou_title
{

 width:750px;
float:left;
text-align:left;
font-size:13px;
color:#C9C9D7;
 padding:0px 0px 0px 0px;
 margin:0px 0px 30px 0px;
   
border-bottom:1px solid #000000;
      
    
}

.products_left_img
{
    width:175px;    /* right area - 560px width  */
    height:262px;
    float:left;
    margin:20px 0px 0px 0px;
    border:1px solid gray;
   
    
}

.img_title
{
    width:175px;  
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;   
    margin:5px 0px 0px 0px
       
}


.products_left_img_description
{
    
    width:341px;
    float:left;
    text-align:justify;
    padding:20px 20px 0px 20px;
   
}

.product_container
{
   width:560px;
    height:300px;
float:left;
text-align:justify;
    
}

.prev_nxt  
{   
   width:341px;
   float:right;
   margin:5px 20px 0px 0px;
  
}

.previous a
{
   
    float:left;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    color:#A60615;
   
}

.next a
{    
   
    float:right;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    color:#A60615;
   
}

.products_right_area 
{
  
   width:162px;/* change height to 100% make it grow or to change the height to the required height in future */
   height:100%; 
   float:left;
   text-align:left;
   padding:0px 0px 0px 0px;
   margin:-8px 0px -8px -5px;  /* right area - 162px width */
  
}

.individual_img
{
   width:70px;
   height:116px;
   float:left;
   text-align:left;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px; 
   border:1px solid gray;
  
}

.individual_img_selected
{
   width:70px;
   height:116px;
   float:left;
   text-align:left;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px; 
   border:1px solid #ffffff;
  
  
}

.individual_img:hover
{
     border:1px solid #ffffff;
}


.img_split_horz
{
   width:162px; 
   height:15px;
   padding:0px;
   margin:0px;
   float:left;
   text-align:left; 
  
}

.img_split_vert{
   width:14px;
    height:116px;
   padding:0px;
   margin:0px;
   float:left;
   text-align:left; 
  
}


#header_web_feedback
{
    
    width:816px;
    height:30px;
    float:left;
    text-align:left;
    margin:0px 0px 20px 50px;
    padding:20px 0px 0px 20px;
    background-color:#424873;
    color:#C9C9D7;
    font-size:13px;
    font-weight:bold;
    border-bottom:3px solid #A60707;
     
}


#content_middle_web_feedback
{
width:836px;
margin:0px 0px 0px 50px;
padding:0px 0px 0px 20px;
float:left;
text-align:left;
 
}



/* CONTACT US - SPECIFIC CONTENT  */

#content_middle_contactus
{
    width:936px;
   /*  height:100%; /370px;  use this if content grows */
   height:400px;
    background: url('../images/rfq_middle.png') repeat-y;
    float:left;
    padding:0px 0px 30px 0px;
    margin:0px 0px 0px 0px;
   
   
}

#content_middle_grow
{
    width:936px;
   /*  height:100%; /370px;  use this if content grows */
  height:100%;
    background: url('../images/rfq_middle.png') repeat-y;
    float:left;
    padding:0px 0px 30px 0px;
    margin:0px 0px 0px 0px;
   
}



#content_middle_pad
{
width:722px;
padding:0px 0px 0px 46px;
margin:24px 44px 24px 44px;
float:left;
text-align:left;
 
}

.contact_us_header
{
width:100px;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
float:left;
text-align:left;
color:#C9C9D7;

}


.contact_us_content
{
    
width:300px;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
float:left;
text-align:left;

    
}



/* SITE MAP - starts here */

#content_middle_pad_sitemap
{
width:752px;
height:375px; /* remove height if content grows */
padding:0px 0px 0px 44px;
margin:24px 0px 24px 44px;
float:left;
text-align:left;
 
}

.sitemap_spacing
{
    padding:0px 0px 5px 0px;
    margin:0px 0px 0px 0px;
    
    
    
}

/* HOMP SPECIFIC */

.home_right_head
{
    
width:163px;
padding:10px 0px 0px 0px;
margin:10px 0px 10px 0px;
float:left;
text-align:left;
font-size:13px;
font-weight:bold;
color:#8C080B;
   
}


.home_right_content
{
width:153px;
padding:10px 0px 10px 0px;
margin:0px 0px 10px 0px;
float:left;
text-align:left;
border-bottom:dotted 1px #C9C9D7;
color:#9494B9;
   
}

.home_right_content2
{
width:153px;
padding:10px 0px 10px 0px;
margin:0px 0px 10px 0px;
float:left;
text-align:left;
color:#9494B9;
   
}


#horz_nav_bottom
{
    width:846px;
    margin:0px auto;
    padding:20px 0px 20px 0px;
    text-align:right;
    color:#A60615;
           
}

.horz_nav_bottom_text a
{
   
    padding:0px 2px 0px 5px;
    text-align:center;
    color:#A60615;
    font-weight:normal;
    
        
}
.horz_nav_bottom_text a:hover
{
    text-align:center;
    color: #A60615;
    font-weight:normal;
    
}


#bottom_area
{
   width:936px;    /* width, position, bottom, background & height are important for footer stick purpose - part-2 */
   height:60px;  
   background-color:#8B8CA2;  
   position: absolute;
   bottom: 0 !important;
   bottom: -1px;
   
      
}

#footer_area
{
    width:936px;
    height:60px;
    background:#8B8CA2 url('../images/footer_bg.png') repeat-x;
   
    
}


#footer_line
{
    width:936px;
    height:15px;
    margin:0px;
    padding:0px;
    background: url('../images/footer_line.png') repeat-x;
    
}

#footer_text
{
    
    width:846px;
    margin:0px auto;
    padding:0px 0px 0px 0px;
    text-align:left;
    font-weight:normal;
   
    
     
}

#copy_right
{
    
    padding:10px 0px 0px 0px;
    color:#C9C9D7;
    float:left;
    
       
    
}

#web_master a
{
    padding:10px 0px 0px 0px;
    color:#C9C9D7;
    float:right;
    
     
}

#web_master a:hover
{
    
    text-decoration:underline;
    color:#000000;
    
    
}


/******************** ajax tool tip -css ********************/ 

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
	border:1px solid red;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
	border:1px solid red;
}
 
.custom-tip {
	color: black;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	/*color: #3E4F14;*/
	color:Black;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
	color:Black;
}



/* products ajax area classes */

#content1
{
	/*top:0px;*/
	left:0px;
	
}
#content2 {
	/*top:0px;*/
	left:558px;
	
}
#content3
{
	/*top:0px;*/
	left:1116px;
	
}
#content4
{
	/*top:0px;*/
	left:1674px;
	
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			width: 558px;
			position: relative;
			margin: 0;
			overflow:hidden;
		}
.scrolling-content
{
	/*width:139px;
	height:73px;*/
	position:absolute;
	text-align:left;
	
}

#content_area
{
	margin-left:12px;
	margin-right:12px;
	padding-top:9px;
}
#demo-wrapper
{
	width:558px;
	height:328px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	
}