@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image:url(../ZulImages/bgstrip.gif); background-repeat:repeat-x; 

	height:100%;
	color:#333;
	
}

#float_button{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 201;
}

.thrColLiqHdr #container {
	width: 950px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */	
	margin-top:20px;
        margin-bottom: 30px;
        margin-top:-10px;  
} 

.thrColLiqHdr #header {

	height:113px;
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	
}


.productDropdown {
	background-color: #F3F3F3; 
	color: #000000; 
	font-family: Arial; 
	font-weight: none; 
	font-size: 12; 
	width: 200px;
	

}

#logo {
	text-decoration:none;
	border:0;
	width : 289px;
	height : 112.5px;
	margin : 0;
	padding : 0;
	background : url("../ZulImages/logo.gif") no-repeat 0 0;
}
 
#logo a {
	display : block;
	height : 113px;
	text-indent : -9999px; 
	}

.thrColLiqHdr #topmenu {
	padding: 0 ; /* this padding matches the left alignment of the elements in the divs that appear above it. */

} 
.thrColLiqHdr #topmenu p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	font-size:10px;
	text-decoration: none;
}




/* Top list Menu  Start  */

.buttons {
	width:127px;
	height: 20px;
	float: left;
	text-align:center;
	padding:3px;
	padding-top: 8px;
	color: #FFF;
	font-size: 13px;
	border-right: 1px solid black;
	margin: 0 3px 0 6px;
	padding-right: 15px;
	
}

.buttons: hover {
	background-color:#0F6;
}


.leftspace {
	margin-left:20px;
	
}


/* Top list Menu  End  */




/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 225px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 18px 0; /* top and bottom padding create visual space within this div */
	height:550px;
	margin-right:30px;
}





/* ============ Product Dropdown Start =========== */

.productDropdown2 {
	background-color: #F3F3F3;
	color: #000000;
	font-family: Arial;
	font-weight: none;
	font-size: 12;
	width: 200px;
	float: left;
	margin-right: 14px;
	

}

input.gray {
	background-color: #999999;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}
input.lightgray {
	background-color: #CCCCCC;
}
textarea.violet {
	background-color: #ccccff;
	font-size: 10px;
}
option.gray {
	background-color: #A9B4BA;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
option.lightgray {
	background-color: #E9E9E9;
}


.productColorDropdown {
	background-color: #F3F3F3;
	color: #000000;
	font-family: Arial;
	font-weight: none;
	font-size: 12;
	width: 100px;
}

.des_list ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.des_list ul li {
color: #A70303;
display: block;
padding: 4px 0;
padding-left: 25px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 12px;

}
/* ============ Product Dropdown End =========== */



/* ============ Accordation Menu =========== */
.AccordionTitle, .AccordionContent, .AccordionContainer,.AccordionTitle2
{
  position:relative;
  width:225px;
}


.AccordionTitle
{
  height:29px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:10pt;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  /* ============  latest News image =========== */
  background-image:url('../ZulImages/title_repeater.jpg');

  
  -moz-user-select:none;
  text-align:left;
  padding-left:15px;
	top: 0px;
	left: 0px;
}


.AccordionTitle2
{
  height:29px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:10pt;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
 
  background-image:url('../ZulImages/news-flash.gif');
  
  -moz-user-select:none;
  text-align:left;
  padding-left:15px;
	top: 0px;
	left: 0px;
}

.AccordionContent
{
	height:200px;
	overflow:auto;
	display:none;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: -5px;
	
}
.AccordionContent table tr td 
{
	vertical-align :top;
	
}
.AccordionContent table tr  
{
	 border-bottom: solid 1px #C1C1C1;
	
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}



/* News*/

.news_heading
{
	padding: 0px 5px 5px 5px;
	border-bottom-color: #666666;
	border-bottom: 1px;
	border-bottom-style: solid;
	padding-top: 10px;
	width: 205px;
	
}

.news_heading span
{
	font-size: 12px;
	padding-top: 10px;
	font-weight: bold;
	
}


p.news
{
	text-decoration: none;
}

a:link { 
	color: #333333;
	text-decoration: none;
	}
a:visited {
	color: #000066;
	text-decoration: none;
	}
a:hover {
	color: #990000;
	text-decoration: none;
	}
a:active {
	color: #000;
	text-decoration: none;
	}


/* HOT Product Highlights*/


.floatLeft {
	float: left;
	margin: 4px;
}

.offer_box_wide{
	width:323px;
	height:125px;
	float:left;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	padding-bottom:15px;
	font-size: 11px;
	font-weight: bold;
	color: #196984;
	margin-top: 0px;
	border-bottom-color: inherit;
	border-bottom-width: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}

.offer_info{
padding:5px;
}
.offer_info span{
	font-weight:bold;
	color:#196984;
	
}
p.offer{
text-align:justify;
font-size:10px;

}

img.img_left2{
float:left;
padding:0px 8px 8px 0px;
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

/* Added By Aasif : Start */

.offer_box_wide2{
background-color:#F3F5F6;
float:left;
height:106px;
margin:7px;
padding:10px;
width:320px;
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:12px
}
.offer_box_wide2_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.offer_info2
{
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:5px;

}
.offer_info2 p
{
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
padding:5px;
}
.offer_info2 span {
color:#196984;
font-size:14px;

font-family:Arial,Helvetica,sans-serif;
}

p.offer2 {
font-size:12px;
text-align:justify;
margin:0;
padding:2px;
color:#424849;
font-family:Arial,Helvetica,sans-serif;

}

.more2{
float:right;
padding:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px
}
.more2 a{
color:#196984;
}
.more2 a:hover{
text-decoration:none;
}


/* Added By Aasif : End */



/* ===================== Member List : Start ==================== */

.offer_box_wide3{
background-color:#F3F5F6;
float:right;
height:106px;
margin:7px 10px 0 0;
padding:10px;
width:680px;
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:12px
}
.offer_box_wide3_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.offer_info3
{
color:#424849;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:5px;

}
.offer_info3 span {
color:#196984;
font-size:14px;

font-family:Arial,Helvetica,sans-serif;
}


p.offer3 {
font-size:12px;
text-align:justify;
margin:0;
padding:2px;
color:#424849;
font-family:Arial,Helvetica,sans-serif;


}


.more3{
float:right;
padding:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px
}
.more3 a{
color:#196984;
}
.more3 a:hover{
text-decoration:none;
}


/*=============== Member List : End ======================*/






/* ============ Accordation Menu =========== */



/* ============ Division Area start =========== */

.division_box{
width:320px;
height:106px;
background-color:#f3f5f6;
padding:10px;
margin:10px 0px 10px 0px;
}
.division_box_wide{
	width:160px;
	height:108px;
	float:left;
	margin-top: 0px;
	padding-right: 7px;
}

.division_box_wide_selected{
	width:160px;
	height:108px;
	float:left;
	margin-top: 0px;
	padding-left: 4px;
}
.division_wide_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.division_info{
	padding:5px;
	width: 146px;
}
.division_info span{
	font-weight:bold;
	color:#196984;
	font-size: 12px;
}
p.division{
	text-align:left;
	font-size:12px;
	color: #000;
	font-family: arial;
}
.more_division{
	float:right;
	padding:3px;
	font-size: 11px;
	color: #4D4D4D;
}
.more_division a{
color:#196984;

}
.more_division a:hover{
	text-decoration:none;
	color: #F00;
}
.big_division_pic{
	width:340px;
	text-align:center;
	padding:5px 0 5px 0;
}
.pictures_division_thumbs{
width:300px;
padding-left:40px;


}


.division_but1{
	width:155px;
	height:24px;
	float:left;
	margin-top: 3px;
	margin-left: 3px;
	background-image: url(../ZulImages/div_but.gif);
}

	.division_but1 P {
		text-align:center;
		margin-top: 3px;
		font-size: 13px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}

.division_but{
	width:155px;
	height:24px;
	float:left;
	margin-top: 4px;
	margin-left: 12px;
	background-image: url(../ZulImages/div_but.gif);
}

	.division_but P {
		text-align:center;
		margin-top: 3px;
		font-size: 13px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}

.division_but2{
	width:155px;
	height:24px;
	float:left;
	margin-top: 4px;
	margin-left: 18px;
	background-image: url(../ZulImages/div_but.gif);
}

.division_but2 P {
		text-align:center;
		margin-top: 3px;
		font-size: 13px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}


/* ============ Division Area End =========== */







.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	font-size: 12px;
	padding-right: 10px;
	text-align: left;
	color: #999999;
	font-weight: normal;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin-right: 260px;
	margin-left: 20px;
}

.mainContent2 {
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin-left: 20px;
	width:900px;
}

.thrColLiqHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url('../ZulImages/footer_back.jpg');
	background-repeat:repeat-x;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	width: 930px;
	
} 
/*
.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs 
	padding: 10px 0;
	font-size:10px;

}

.thrColLiqHdr #footer a{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs 
	padding: 10px 0;
	font-size:10px;
	float:right;
}
*/

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ---------------------Footer ------------------*/

#footer{
	width:100%;
	height:28px;
	clear:both;
	font-size:11px;
	background-color:#f2efef;
	background-image: url(../ZulImages/footer_back.jpg);
}
ul.footer_menu {
	list-style:none;
	float:right;
	display:block;
	width:350px;
	margin:0px;
	padding:3px 10px 0 0px;
}

ul.footer_menu li {
	display:inline;
	font-size:11px;
	float: right;
}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0; 
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:underline; color:#2F2626;}

a.nav_footer:active {
display:block; float:right; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}

#copyright{
float:left;
padding:0px;
    height: 22px;
}

/* Top list Menu  Start  */
.buttons a {
	text-decoration:none;
	color:#FFF;
}

.buttons a:hover{
	color:#F90;

}
/* Top list Menu  End  */
#gvnewsid div table  tr td
{
text-align:justify;	
}



/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:280px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}
.unwatermarked {
	height:10px;
	width:10px;
}

.watermarked {
	height:10px;
	width:10px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	
.pad_rgt10  
{
	padding-right: 10px;
}
	
.h1_arrow
{
    font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ed3105;
	display: block;
	padding-bottom:500px;
	padding-right:2px;
}
.bgPopupTitle
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ff6600;
	text-align:center;
}
.fl_rgt { float: right;}
.fl_lft { float: left;}

.pad_rgt15 { padding-right: 15px;}
.pad_rgt10 { padding-right: 10px;}
.pad_rgt5 { padding-right: 5px;}

.pad_lft2 { padding-left: 2px;}
.pad_lft3 { padding-left: 3px;}
.pad_lft5 { padding-left: 5px;}

.wdt10{ width: 10px;}
.wdt12{ width: 12px;}
.wdt15{ width: 15px;}
.wdt20{ width: 20px;}
.wdt15{ width: 15px;}
.wdt10{ width: 10px;}
.LeftMenuPanelInside
{
	overflow-x:hidden;
	overflow-y:hidden;
}
.LeftMenuPanelInside a:visited
{
	color: #A70303;
}

.LeftMenuPanelInside a:hover
{
	/*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}

.LeftMenuPanelInside a{
	margin-left: -25px;
  vertical-align:top;
  display: block;
	padding: 4px 0;
	padding-left: 25px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 12px;
	
}

.LeftMenuPanelInside a:visited
{
	color: #A70303;
}

.LeftMenuPanelInside a:hover
{
	/*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}

.clsauto 
{
	z-index: 1007;
	font-size: 12px;
	vertical-align:top;
    margin-left: -40px;
    cursor: pointer;
	cursor: hand;
	text-align:center;
	
}
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

.rec_content 
{
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}

#btnStrip a, #btnStrip a b, label.bMs 
{
-x-system-font:none;
color:#000000;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}
.bMs 
{
float:left;
padding:4px 0 6px;
text-align:center;
}
 /* Popup Note  */
#note_a {
	height:245px;
	position:absolute;
	visibility:visible;
	width:246px;
	z-index:100;
	background-image:url(../ZulImages/z-note.png);
	left: 500px;
	top: 29px;
	
	
} 

/* Flash Partner Strip */

.Flash_Strip{
	width:660px;
	height:88px;
	float:left;
	padding:3px;
	margin:2px 0 0 0;
	margin-top: 6px;
	border: 1px solid #f06b24;
}

	#Flash_Strip_title{
	height:20px;
	float:left;
	margin: 0px;
	background-image: url(../ZulImages/flash_title.gif);
	background-repeat: repeat-x;
	width: 100%;
	}
	
	#Flash_Strip_title P{
	text-align:center;
	margin-top: 3px;
	font-size: 13px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
		}

/* -------------------------- ISO Certification ------------------------------------*/

#iso{
    border: 1px solid #F06B24;
    float: left;
    height: 88px;
    margin: 6px 0 0;
    padding: 3px;
    width: 652px;
}
#iso img{
    float:left;
    padding: 2px 0 0 3px;
}

#iso p{
    float:left;
    text-align: justify;
    padding: 3px 0 0 3px;
    font-size: 12px;
    font-family: arial;
    color:#585858;
    width: 488px;
    margin: 0 0 0 6px;
}
		
/* Search Box */		
		
#search_box {
    width: 201px;
    height: 31px;
    background: url(../ZulImages/bg_search_box.gif);
}
#search_box #txtSearch {
	float: left;
	padding: 0;
	margin: 6px 0 0 6px;
	border: 0;
	width: 159px;
	background: none;
	color: #666;
}
#search_box #btnsearch {
    float: right;
    margin: 3px 4px 0 0;
}


/* pop up */


div.MaskedDiv
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: verdana;
	font-weight: bold;
	padding: 40px;
	z-index: 100;
	background-image: url(gray.png); /* ieWin only stuff */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src= 'gray.png' );
}


div.ModalPopup
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #CCCCCC;
	position: absolute; /* set z-index higher than possible */
	z-index: 10000;
	visibility: hidden;
	color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	width: 650px;
	height: auto;
}
.style1
{
	width: 55%;
}
.style2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}
.style3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}

.main1 img {
cursor:pointer;
position:absolute;
right:8px;
top:8px;
}
.title_popup_h2{
font-size: 18px;
font-weight: normal;
color: #cd0205;
line-height:25px;
margin:0;
padding:2px 0 2px 5px;
text-align:center;
	}

/* for the header new */

#search_strip{
	width: 320px;
	float:right;
	background-image: url(../ZulImages/head_se_strip_gr.gif);
	background-repeat: repeat-x;
	height: 28px;
}	
.hd_se_strip{
	background-image:url(../ZulImages/hd_se_strip.gif);
	background-repeat:no-repeat;
	float:left;
	height:25px;
	padding:5px 0 0 8px;
	width: 50px;
		
}
.top_search {
	margin:5px 20px 0 0;
	float:right;
	background-image:url(../ZulImages/search-strip.gif);
	width:225px;
	z-index: 10000;

	
}

.search_cr{
	background-image:url(../ZulImages/search-cr.gif);
	background-repeat:no-repeat;
	float:left;
	height:20px;
	width: 190px;
	padding-left:5px;
}

.search_bt{
	float:right;
	height:20px;
	width: 29px;
}

.hd_logo{
	width:236px;
	height:78px;
	float:left;
	margin: 23px 0 0 23px;
	background-image:url(../ZulImages/head_zul_logo.png);
	background-repeat: no-repeat;

}

.hd_yr_logo{
	width:110px;
	height:96px;
	float:left;
	margin: 8px 0 0 165px;
	background-image:url(../ZulImages/Since1984.png);
	background-repeat: no-repeat;
}


.home_bt{
	
	 float:right;
font-size:11px;
height:15px;
line-height:25px;
margin:10px 5px 10px 0;
width:180px; 

}
.coutnry_bt{
	width:290px;
	height:15px;
	float:right;
	margin: 25px 5px 0 0;
	font-size: 11px;
}


/*  -------------- Industrial Division --------------- */

.right_img{
	width:180px;
	float:right;
	margin-top: 30px;
	margin-right: 40px;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	height: 500px;
	background-image: url(../ZulImages/divisions/ind_img.jpg);
	background-repeat: no-repeat;
}

.division_descriptionBox{
	padding:0px;
	font-size: 12px;
	text-align: left;
}

.thumbnail_division{
	width:480px;
	float:left;
	margin-top: 20px;
	border-top: 1px;
	border-top-color: #999999;
	border-top-style: solid;
	padding-top: 8px;
}

.division_box_wide1{
	width:160px;
	height:108px;
	float:left;
	margin-top: 0px;
}



.division_but4{
	width:155px;
	height:24px;
	float:left;
	margin-top: 3px;
	background-image: url(../ZulImages/div_but.gif);
    margin-left:2px;
}

   	.division_but4 P {
		text-align:center;
		margin-top: 3px;
		font-size: 13px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}
	
.division_but5{
	width:155px;
	height:24px;
	float:left;
	margin-top: 4px;
	background-image: url(../ZulImages/div_but.gif);
	margin-left: 6px;
}
	.division_but5 P {
		text-align:center;
		margin-top: 3px;
		font-size: 13px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
}	

.div_title{
	background-color:#385870;
	text-align:left;
	padding:5px 5px 5px 20px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	background-image: url(../ZulImages/title_head.jpg);
	background-repeat: repeat-x;
	width: 660px;
	margin-left: 5px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}

.div_column4{
	width:720px;
	float:left;
	padding:10px 0px 10px 5px;
	margin-left: 5px;
}
.div_main_box{
	width:470px;
	float:left;
	margin-top: 20px;
	margin-left: 5px;
	padding: 10px 0 10px 0;
}
#product_divdescription{
	text-align:justify;
	font-size:12px;
	margin-top: 0px;
	font-family: Tahoma, Arial;
	line-height: 1.5;
	font-weight: normal;

}



/* Retails */

.right_imgretail{
	width:180px;
	float:right;
	margin-top: 30px;
	margin-right: 40px;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	height: 500px;
	background-image: url(../ZulImages/divisions/ret_img.jpg);
	background-repeat: no-repeat;
}

.right_imgit{
	width:180px;
	float:right;
	margin-top: 30px;
	margin-right: 40px;
	border: 1px;
	border-color: #999999;
	border-style: solid;
	height: 500px;
	background-image: url(../ZulImages/divisions/IT_img.jpg);
	background-repeat: no-repeat;
}


/*------------------------------Top Menu  Start-----------------------*/

.chromestyle{
	width: 100%;
	text-transform:uppercase;
	font-size:12px;
	background-image: url(../admin_images/top_red.jpg);
	background-repeat: repeat-x;
	height: 29px;
	overflow:auto;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(../ZulImages/OFF.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: white;
padding: 4px 7px;
margin: 0;
text-decoration: none;
background:transparent url("../ZulImages/DIVIDER.gif") no-repeat top right;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url("../ZulImages/HOVER.gif")no-repeat top right ; /*THEME CHANGE HERE*/
}

/* ------------------------ background --------------------------------------*/

#maincovece {
	background:transparent url(../ZulImages/logobg.jpg) no-repeat scroll center top;
	clear:both;
	margin:-5px 0 0;
	padding:50px 0 0;
}
/* ------------------------ background End --------------------------------------*/

/* ------------------------Top Slider Start --------------------------------------*/

#sliderWrap {
	margin: 0 auto;
	width: 332px;
}
#top_slider {
	position: absolute;
	background-image:url(../ZulImages/slider.png);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 332px;
	height: 255px;
	margin-top: -240px;
	z-index: 999999;
	top: 10px;
}
#slider img {
	border: 0;
}
#sliderContent {
	margin: 50px 0 0 50px;
	position: absolute;
	text-align:center;
	background-color:#FFFFCC;
	color:#333333;
	font-weight:bold;
	padding: 10px;
}
#openCloseWrap {
	position:absolute;
	margin: 235px 0 0 115px;
	font-size:12px;
	font-weight:bold;
}

/* ------------------------Top Slider End --------------------------------------*/

.member_list
{
    float:right;
    margin-top:20px;
}

.memberlist_title{
	background-color:#385870;
	text-align:left;
	padding:5px 5px 5px 20px;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(../ZulImages/title_head.jpg);
	background-repeat: repeat-x;
	margin-left: 5px;
	height: 20px;
}

/* ------------------------TCEO Profile Start --------------------------------------*/

#ceoprofile_box {
	float: right;
	height: 155px;
	width: 680px;
	background:#F3F5F6;
	border:1px solid #f06b24;
}

#ceoprofile_box img {
	float: left;
	padding:2px;

}

#ceoprofile_box p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

#ceoprofile_box #more {
	float: right;
}

#ceoprofile_box #more a{
	font-size: 12px;
	text-decoration:none;
	color: #196984;
}

#profile_detail {
	padding: 5px;

	width: 250px;
	float: left;
}
#profile_detail span {
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #196984;
	text-align: left;
}

/* ------------------------TCEO Profile End --------------------------------------*/
#envelope {
	height:203px;
	width:205px;
	z-index:100000;
	background-image:url(../Zulimages/envelope.png);
	background-position: right bottom;
	float: right;
	position: fixed;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
} 
/* ------------------------Perview Profile Heading --------------------------------------*/
#mem_profile {
	background-image: url(../Zulimages/Mem_Profile_Head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 200px;
	width: 704px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	text-decoration:none;
 margin:auto;
}
#mem_Pro_but {
	float:left;
	width:150px;
	
}
#mem_pro_name {
	float:right;
	width:280px;
	margin-top:26px;
}

#mem_pro_name a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
		
}
#mem_pro_name span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:14px;
		
}

 #wibiyaToolbar_tbl{
width: 1000px !important;
margin-left:auto !important;
margin-right:auto !important; 
}
.newsletter_signup {
	font-size: 12px;
	font-weight: bold;
	color: #cd0205;
}

/* ============ Sidebar Latest Product =========== */

#sidebar_Container {
	border-top: solid 1px #C1C1C1;
	border-bottom: solid 1px #C1C1C1;
	border-left: solid 2px #C1C1C1;
	border-right: solid 2px #C1C1C1;
	height: 445px;
}

#sidebar_title
	{
		
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
   background-image :url('../ZulImages/title_repeater.jpg');
	background-repeat:repeat-x;
	font-size:12px;	
	vertical-align:middle;
	display:table-cell;
	padding-left:15px;
	width:225px;
	}


#sidebar_Content {
	height:200px;
	display:none;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: -5px;
}
/* ================ Subscription =====================*/
#subscription_box
{
	border-top: solid 1px #C1C1C1;
	border-bottom: solid 1px #C1C1C1;
	border-left: solid 2px #C1C1C1;
	border-right: solid 2px #C1C1C1;
	height: 95px;
	margin-top: 10px;
	width: 226px;
	float: right;
	background-image: url(../ZulImages/Subscribe_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#subscription_box h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	color:#196984;
	line-height: 10px;
}

.subscription_image
{
	float:right;
	padding:5px 10px 0 0;
}
.subscription_imagebox
{
	float:left;
	margin-left:10px;
	width:200px;
	
}
 #email_activebox
{
	margin:20px auto;
	background-image: url(../ZulImages/email_active.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 500px;
	}

#email_activebox h1
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 0 20px;
	font-size: 24px;
	padding-top: 80px;
}
#email_activebox p
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 30px 0 0 20px;
	font-size: 14px;
}

#email_activebox a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	margin: 30px 0 0 20px;

	color: red;
	text-decoration: underline;
} 
/*  -------------- Contact Us Start --------------- */

.contact_box {
	width:703px;
	float:left;
	margin-top: 10px;
	margin-left: 5px;
	height: auto;
}
.contact_box h3 {
	font-size:14px;
	font-weight:bold;
	color:#0464a1;
	padding:0 0 5px 0;
	text-decoration:none;
}

.contact_box h2 {
	font-size:14px;
	font-weight:bold;
	color:#F00;
	text-decoration:none;
	padding-bottom: 5px;
	text-align: left;
}

.contact_box p {
	font-size:12px;
	width: 238px;
	float: left;
	
	}
.contact_address {
	font-size:12px;
	width: 665px;
	float: left;
	height: 155px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 10px 0 15px 0;
}

.contact_image{
	font-size:12px;
	width: 300px;
	float: left;
	margin-left: 15px;
	border: thin solid #999;
}

.floating-menu {
	position:fixed;
	border:1px solid #000;
	width:120px;
	z-index:100;
	margin-left: 565px;
	background-color: #DDD;
	text-decoration: none;
}
.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em; text-decoration:none;}

/*  -------------- Contact Us End --------------- */


/*  -------------- Portfolio START --------------- */

#services_banner {
	background-image: url(../zulimages/divisions/Services_banner.jpg);
	height: 163px;
	margin-top: 5px;
}

/*  -------------- Career START --------------- */
#career_banner {
	background-image: url(../zulimages/divisions/career_banner.jpg);
	height: 163px;
	margin-top: 5px;
}

#career_detail {
	width:680px;
	height: auto;
	margin-top: 10px;
	float: left;
}

#career_detail P{
	font-size:14px;
	text-align: justify;
	width: 630px;
    margin-bottom: 15px;
}

#career_detail p a
{
	text-decoration: none;
	font-size: 12px;
	color: #196984;
	line-height: 20px;
}

#career_detail h3{
	font-size:16px;
	font-weight:bold;
	color: #196984;
	text-align: left;
	float: left;
	width: 670px;
    padding:1px 0 0 10px;
    background-color: #ccc;
    line-height: 30px;
    margin-top: 0;
}

#career_detail img
{
	float:right;
    margin-left: 5px;
    border: 1px solid #ccc;
}

.ad_box{
    width: 650px;
    float:left;
    border:1px solid #ccc;
    margin-bottom: 20px;
}

.tbl_content {

}

.tbl_content td {

	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 3px 5px;
}

.tbl_content th {

	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding: 5px;
	background: #E7ECEC;
	font-size: 13px;
}

.txt_red { color: #f00; }
.txt_orange { color: #ff7800; }
.txt_blue { color: #0075B9; }

.tbl_content tr.row1 td { background: #fff; }
.tbl_content tr.row2 td { background: #f1f1f1; }
.tbl_content tr.row1 td.rawtab { padding-left:30px; }
.tbl_content tr.row2 td.rawtab { padding-left:30px; color: red; }

.tbl_content a {
    color:#0075B9;
    text-decoration:none;
    float: right;
}

.tbl_content a:hover {
    color:#196984;
    text-decoration:underline;
}



/*  -------------- Career START --------------- */

#job_board
{
  background-image: url(../ZulImages/jb_back.gif);
	height: 90px;
	margin-top: 5px;
	width:670px;
	
}

#jb_search
{
  width: 340px;
  height: 40px;
  float:left;
}
#jb_search_form
{
    margin-top:10px;
    width:260px;
}
#jb_left
{
  width: 150px;
}
#jb_left2
{
  width: 100px;
}

#jb_search img, #jbsearchfield , #countryDropdown, #jb_left, #jb_left2, #jb_search_form, #cv_submit img, #jb_post_button
{
  float:left;
}
#jb_button
{
  float:right;
  margin-top:5px;
}
#adv_search
{
  font-size: 10px;
  float:left;
  margin-left:2px;
}

#cv_submit
{
  width: 250px;
  height: 40px;
  float:right;
}

#cv_submit h4
{
  width: 100px;
  float:left;
  margin:6px 0 10px 5px;
  text-align:left;
}


#career_detail {
	width:700px;
	height: auto;
	margin-top: 10px;
	float: left;
}

#career_detail P.career_para{
	font-size:14px;
	text-align: justify;
	width: 680px;
    margin-bottom: 15px;
}

#career_detail p a
{
	text-decoration: none;
	font-size: 11px;
	color: #196984;
	line-height: 20px;
    text-decoration: underline;
}

#career_detail p a:hover
{
	color: #0C323F;

}

#career_detail h3{
	font-size:16px;
	font-weight:bold;
	color: #196984;
	text-align: left;
	float: left;
	width: 670px;
    padding:1px 0 0 10px;
    background-color: #CFD9E3;
    line-height: 30px;
}

#career_detail img
{
	float:right;
    margin-left: 5px;
    border: 1px solid #ccc;
}

.ad_box{
    width: 680px;
    float:left;
    border:1px solid #ccc;
    margin-bottom: 10px;
    background-color: #F5FAFF
}

.ad_box ul {
	list-style-type: none;
	margin: 40px 0 0 10px;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.ad_box ul li {
	padding-bottom: 4px;
}


.ad_box P.ad_links, P.ad_links {
    color: #333333;
    font-size: 10px;
    margin: 0 0 5px 10px;
    text-align:left;
    width: 680px;

}

.blt-apply, .blt-detail {
    color: #008800;
    font-weight: bold;
    margin-left: 10px;
    }

.blt-detail {
    background-image: url("../ZulImages/blt-detail.gif");
   }

.blt-apply {
       background-image: url("../ZulImages/blt-apply.gif");
 }

    .bullet {
    background-position: 0 50%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 0 0 20px;
}

/* carrer End */

.loginpop img {
cursor:pointer;
position:absolute;
right:8px;
top:8px;
}


.loginpop_popup_h2{
font-size: 18px;
font-weight: normal;
color: #cd0205;
line-height:25px;
margin:0;
padding:2px 0 2px 5px;
text-align:center;
	}
	
	/* job perview */
	
	
	.job_detail{
    background: none repeat scroll 0 0 #F3F3F3 !important;
    margin-bottom: 15px;
    padding: 0 0 3px !important;
    width: 220px;
}

.job_detail h4{
  background-image: url("../images/title_repeater.jpg");
    font-size: 18px;
    padding:3px 0;
    text-align: center;
    width: 220px;
    margin:0 0 5px 0;
}
.job_detail h4 span {
    color: #196984;
    font-weight: bold;
}


.job_detail ul {
    list-style: none outside none;
    margin: 0 0 15px;
    padding: 0;
    font-size:12px;
}


.job_detail li {
    font-size: .9em;
    padding: 4px;
    line-height: 1.6em;
}

.j_detail{
    width: 670px;
    margin:15px;
}
.j_detail h2{
    font-size:18px;
    margin: 40px 0 10px 2px;
color:#385870;
}

.j_detail h3{
    margin: 20px 0 10px 2px;
    font-size:12px;
}

.j_detail p{
    margin: 3px 0 3px 2px;
    font-size:12px;
}
P.ad_links{
    margin-top:40px;
}



