img { behavior: url(Scripts/iepngfix.htc); }
body { 
	margin:0px; 
	padding:0;
	background: #fec267 url(images/bgbg.gif) top center repeat;
	font-family:Tahoma;
	font-size:12px;
	color:#666;
}

a {
    text-decoration:underline;
	color:#d21c66;
}

a:hover {
    text-decoration:none;
	color:#d21c66;
}

#mzcontainer {
	width:770px;
	margin:0px auto 0px auto;
	overflow:hidden;
	background:#fff;
	border-top:5px solid #f47920;
	border-bottom:6px solid #f47920;
}

#mzheader {
	margin:0px auto 0px auto;
	width:770px;
	padding:0px;

}

#mzheader1 {
	margin:5px auto 0px auto;
	width:750px;
	padding:0px;
	text-align:center;
	border-top:1px dotted #666;
		position:relative;
		clear:both;
}

#mzheader h1{
	background: url(images/HawanaLogo.png) no-repeat;
	text-indent: -9999px;
	margin:0px 0px 0px 30px;
}

#mzheader h1 a{
	display:block;
	height: 63px;
	width: 217px;
	}
	
#mzheader h1 a:hover{
text-decoration:none;
	}
	
	
#mzheader .right{
width:360px;
float:right;
margin-right:9px;
height:65px;
}

#mzheader .left{
width:390px;
float:left;
margin:0px;
height:65px;
padding-top:10px;
}









	
#content{
width:755px;
margin:0px auto 0px auto;
position:relative;
clear:both;
}

.breadcrumbs{
font-size:10px;
border-bottom:1px dotted #ccc;
padding:3px;
}

.breadcrumbs a{
color:#bbb;
text-decoration:none;
}

#content .right{
width:185px;
float:left;
margin:5px;
}

#content .left{
width:535px;
float:left;
margin:5px;
overflow:hidden;
position:relative;
}

a.back{
	display:block;
	height:32px;
	float:left;
	text-decoration:none;
	padding-left:35px;
	padding-top:6px;
	background:url(images/back.jpg) top left no-repeat;
	color:#9B8D84;
	margin-top:15px;
}

.style1 {
	color: #942754;
	font-weight: bold;
}

.style2 {
	color: #e81d70;
	font-weight: bold;

}

.style3 {
	color: #FF0000;
	font-weight: bold;
}
.style4 {
	color: #9cbb49;
	font-weight: bold;
}

.display{
padding:5px;
}

p{
margin:5px 10px;
}

#two{
width:350px;
float:right;
margin:12px;
}

#xml{
background:url(images/xmlBG.jpg) top center no-repeat;
width: 350px;
height:213px;
float:left;
margin:12px 0px 12px 12px;
text-align:left;
}

#content .four{
width:170px;
float:left;
margin:12px 0px 12px 12px;
}

#content .four1{
width:170px;
float:left;
margin:12px 0px 12px 12px;
}

#content .four2{
width:350px;
float:right;
margin:12px 12px 12px 0px;
}


#purchase{
width:500px;
margin: 5px auto 5px auto;
border:1px dotted #ccc;
background:#F4F2F3;
}



#content h3{
background:url(images/titleBG.jpg) top left no-repeat;
height:30px;
color:#FFFFFF;
font-size:14px;
font-weight:normal;
padding:5px;
margin:0px;
}






#footer {
	position:relative;
	margin-top:20px;
	width:770px;
	clear:both;
}

#footer p {
	font-family:Tahoma;
	font-size:10px;
	text-align:right;
	color:#999;
	margin:5px;
}

#footer p a:link, #footer p a:visited {
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}











#underlinemenu{
margin: 0px;
padding: 0px;
float:right;
width: 360px;
margin-right:5px;
}

#underlinemenu ul{
margin-top: 0px;
float: right;
}

* html #underlinemenu ul{ IE only rule. Delete extra margin-bottom
margin-bottom: 0px;
}

#underlinemenu ul li{
display: inline;
font-size:10px;
color: #f47920;
}

#underlinemenu ul li a{
color: #f47920;
text-decoration: none;
padding: 8px 5px 5px 5px;
}

#underlinemenu ul li a:hover{
color: #FFF;
background: #f47920;
}








/*gray menu*/

#underlinemenu1{
margin: 0px;
padding: 0px;
float:left;
width:390px;
text-align:left;
margin-top:10px;
}

#underlinemenu1 ul{
margin-top: 0px;
float: left;
direction:rtl;
margin-left:16px;
padding-left:0px;
}

* html #underlinemenu1 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0px;
}

#underlinemenu1 ul li{
display: inline;
font-size:10px;
color: #666;
direction:ltr;
}

#underlinemenu1 ul li a{
color: #666;
text-decoration: none;
}

#underlinemenu1 ul li a:hover{
text-decoration:underline;
}



/*gray menu Arabic*/


#underlinemenu2{
margin: 0px;
padding: 0px;
float:right;
width: 350px;
margin-top:10px;
margin-right:12px;
}

#underlinemenu2 ul{
margin-top: 0px;
float: right;
}

* html #underlinemenu2 ul{ IE only rule. Delete extra margin-bottom
margin-bottom: 0px;
}

#underlinemenu2 ul li{
display: inline;
font-size:10px;
color: #666;
}

#underlinemenu2 ul li a{
color: #666;
text-decoration: none;
}

#underlinemenu2 ul li a:hover{
text-decoration:underline;
}



/*ticker*/

#ajaxticker1{
width: 700px;
height: 20px;
/*border: 1px solid #ccc;*/
padding: 5px;
background-color: #fff;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #fff;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
font-size:11px;
}


#arabi{
direction:rtl;
text-align:right;
float:right;
}


.arrowlistmenu{
width: 185spx; /*width of menu*/
margin:0px;
}

.arrowlistmenu .headerbar{
font-size: 12px;
color: white;
background: url(images/titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-top:0px;
padding: 4px 0px 4px 10px; /*header text is indented 10px*/
height:20px;
font-weight:normal;
}

.arrowlistmenu ul{
list-style-type: none;
padding: 0px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
margin-left:0px;
}

.arrowlistmenu ul li{
/*padding-bottom: 5px; bottom spacing between menu items*/

}

.arrowlistmenu ul li a{
/*color: #A70303;*/
background: url(images/arrowbullet.png) no-repeat 3px; /*custom bullet list image*/
display: block;
padding: 7px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#d21c66;
background-color: #e7e7e7;
}





.arrowlistmenu1{
width: 190px; /*width of menu*/
margin:0px;
text-align:right;
}

.arrowlistmenu1 .headerbar1{
font-size: 14px;
color: white;
background: url(images/titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-top:0px;
padding: 4px 10px 4px 0px; /*header text is indented 10px*/
height:20px;
font-weight:normal;
direction:rtl;
}

.arrowlistmenu1 ul{
list-style-type: none;
padding: 0px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
margin-right:0px;
direction:rtl;
}

.arrowlistmenu1 ul li a{
background: url(images/arrowbullet.png) no-repeat 175px center; /*custom bullet list image*/
display: block;
padding: 7px 0;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}


.arrowlistmenu1 ul li a:hover{ /*hover state CSS*/
color:#0066CC;
background-color: #F2F2F2;
}







.pagination{
padding: 10px;
margin:10px;
margin-top:40px;
border-top:1px dotted #ccc;
float:right;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 5px;
}

.pagination a{
padding: 0 5px;
border: 1px solid #ccc;
text-decoration: none; 
}

.pagination a:hover{
border: 1px solid #aaa;
color:#942754;
}

.pagination a.currentpage{
background-color: #ccc;
color: #942754 !important;

font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}




input
{
	background:#fff; 
	border:1px solid #942754; color:#000; 
} 

textarea
{ 
	background:#fff; 
	border:1px solid #942754; 
	color:#000; 
	font-family: "Trebuchet MS",sans-serif; 
	font-size:13px; 
}