.cocohol_header_left {
	background-image:url(../images/cocohol_header_left.jpg);
}
.cocohol_header_middle {
	background-image:url(../images/cocohol_header_middle.jpg);
}
.cocohol_header_left_main {
	background-repeat:repeat-x;
	background-image:url(../images/cocohol_header_left_main.jpg);
}
.cocohol_header_middle_main {
	background-repeat:no-repeat;
	background-image:url(../images/cocohol_header_middle_main.jpg);
}
.style2 {
	color: #000000;
	text-decoration:none;
}
.style2:hover
{
	color:#FF0000;
}

.more{
	font-family: Tahoma;
	font-size:12px;
	color:#FF0000;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:none;

}

.more:hover{
	font-family: Tahoma;
	font-size:12px;
	color:#FF0000;
	font-weight:normal;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:underline;
}
.normaltextRed{
	font-family: Verdana;
	font-size:11px;
	color:#FF0000;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:none;

}

.normaltextRed:hover{
	font-family: Verdana;
	font-size:11px;
	color:#FF0000;
	font-weight:normal;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:underline;


}



.sbhedbg{
    background-image:url(../images/hedbg.gif);
	background-repeat:repeat-x;
	}

.header_01 {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 15px;
	font-size: 22px;
	letter-spacing: 2px;
	color: #000000;
	background: url(images/underline.jpg) left bottom no-repeat;	
}
.ShortLinks1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ebfbf0; 
	line-height: 18px;
	text-decoration:none;
}
.ShortLinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ebfbf0; 
	line-height: 18px;
	text-decoration:none;
	cursor:pointer;
}
.ShortLinks:hover{
	color:#fbc47f;
	text-decoration:none;
}
.normaltext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#292929;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:none;
}

.normaltextPr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#292929;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:none;
}



.normaltextColor{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#457cb5;
	text-indent:0px;
	line-height: 1.5em;
	text-decoration:none;
}


.SmallHeading{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ff8025;
	font-weight:bold;
	text-indent:2px;
	line-height: 1.5em;
	text-decoration:none;
}


.normaltext_en {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:2px;
	font-size: 11px; 
	color: #333333; 
	line-height: 18px; 
	text-decoration: none;
}

.normaltextHead_en {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:2px;
	font-size: 12px; 
	color: #333333; 
	font-weight:bold;
	line-height: 18px; 
	text-decoration: none;
}

.OurProducts{
	font-family:Calibri;
	font-size:20px;
	color:#13508b;
	font-weight:bold;
	text-decoration:none;
	text-indent:0px;
}

.mainLinks{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#d9e4fb;
	font-weight:bold;
	text-decoration:none;
	text-indent:5px;
	margin-top:5px;	
	text-transform:uppercase;
}
.mainLinks:hover{

	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
	padding:0px;	
}

.News{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	text-indent:5px;
	text-decoration:none;
}
.News:hover{
	color:Red;
	text-decoration:none;
}

.normaltext_arabic {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-indent:2px;
	font-size: 14px; 
	color: #000000; 
	line-height: 18px; 
	text-decoration: none;
}



.subLinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:0px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;

}
.subLinks:hover {
	color:#ffb965;
}



.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid #cccccc;
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 8px;
	top: 1px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 3px; /*margin around each panel*/
	margin-left:16px;
	width: 133px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



#popupcontent{
   position: absolute;
   visibility: hidden;
   overflow: hidden;
   border:1px solid #CCC;
   background-color:#F9F9F9;
   border:1px solid #333;
   padding:5px;
}






























	.arrowlistmenu{
	width: 163px; /*width of accordion menu*/
	}
	
	


	.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 13px Verdana;
	color: #FFFFFF; 
	background-color:#565658;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 2px 1px 2px 10px; /*header text is indented 10px*/
	font-weight:normal;
	}
	.arrowlistmenu.openheader{ /*CSS class to apply to expandable header when it's expanded*/
		/*background-image: url(titlebar-active.png);*/
		background-color:#f2a31b;
		font-family:Verdana;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
	}
	
	.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
	}
	
	.arrowlistmenu ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	}
	
	.arrowlistmenu ul li a{
	color: #284a95;
	/*background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding-left: 15px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	font-size:11px;
	border-bottom: 1px solid #f4e2ba;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-bottom:3px;	
	}
	
	.arrowlistmenu ul li a:visited{
	color: #284a95;
	}
	
	.arrowlistmenu ul li a:hover{ /*hover state CSS*/
		color: #FFFFFF;
		font-weight:bold;
		background-color: #678fc2;
	}

body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}



.input_small{
	font-family:Verdana;
	color: #FFFFFF;
	font-weight:normal;
	font-size:10px;
	height:15px;
	width:60px; 
	background-color: rgb(103,143,194);
	border: solid rgb(47,97,161) 1px;
}

.inputFile{
	font-family:Verdana;
	color: #000000;
	font-weight:normal;
	font-size:13px;
	height:22px;
	border: solid rgb(47,97,161) 1px;
}



.Msg4{	
	font-size:0.9em;
	padding-left:2px;
 	overflow:show;
	cursor:pointer;
}
.Msg5{
	border:1px solid #317082;
	background-color:#f0feec;
	visibility:hidden;
	overflow:hidden;
	position:relative;
	dislay: none;
	height:1px;
}

.Msg6{
	font-size:0.9em;
	position:relative;
	top: -129px;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
	#foxmenucontainer{height:20px;background:#678fc2;display:block;padding:1px 0px 0 0px;}
	#foxmenu{position:relative;display:block;height:20px;font-size:12px;font-weight:normal;font-family:Verdana;}
	#foxmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
	#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
	#foxmenu ul li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:5px 20px 0 20px;height:15px;background-color:#678fc2;}
	#foxmenu ul li a:hover{color:#182d4a;background-color:#678fc2;}
	#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#ffffff;background:#f2a31b; font-weight:normal;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */



	.selectBoxArrow{
		margin-top:1px;
		float:left;
		position:absolute;
		right:1px;
	}	
	.selectBoxInput{
		border:0px;
		padding-left:1px;
		height:16px;
		position:absolute;
		top:0px;
		left:0px;
	}

	.selectBox{
		border:1px solid #7f9db9;
		height:20px;	
	}
	.selectBoxOptionContainer{
		position:absolute;
		border:1px solid #7f9db9;
		height:100px;
		background-color:#FFCCCC;
		left:-px;
		top:20px;
		visibility:hidden;
		overflow:hidden;
		z-index:1000;
	}
	.selectBoxIframe{
		position:absolute;
		background-color:#990066;
		border:0px;
		z-index:999;
	}
	.selectBoxAnOption{
		font-family:arial;
		font-size:12px;
		cursor:default;
		margin:1px;
		overflow:hidden;
		white-space:nowrap;
	}
	


 .langEn{
 	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
 }
 .langEn:hover{
 	color:#FFFFFF;
	text-decoration:underline;
 }

 .langAr{
 	font-family:Tahoma;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	
 }
 .langAr:hover{
 	color:#FFFFFF;
	text-decoration:underline;
 }