body {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}

#logo {
width: 84px;
height: 37px;
margin: 0;
padding: 0;
float: left;
display:inline;
margin: 0 0 0 0;

}

#logo a {
display: block;
height: 100%;
text-indent: -3000px;
overflow: hidden;
background:url(../images/zayari-logo.gif) no-repeat;

} 

img {
    border-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}

select{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

textarea{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

.maintext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
	text-decoration: none;
}

.whitetext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	text-decoration: none;
}

.greytext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #CCCCCC;
	text-decoration: none;
}

.blacktext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;
}
h1 {
	font-family: "Lucida Grande","Trebuchet Ms",Geneva,Arial,sans-serif;
	font-size: 28px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 -3px;
	padding: 0;
	color: #363636;
	padding: 0 0 11px;
	white-space: nowrap;
}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 19.5px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}

h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
h4 {
	margin-top:0px;
	margin-bottom:0px;
}

.bluetext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2A94D1;
	text-decoration: none;
}

.bluetext:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2A94D1;
	text-decoration: underline;
}

.bluelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #055ADA;
	text-decoration: none;
}

.smallbluelnk {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #2A94D1;
	text-decoration: none;
}
.smallbluelnk:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #2A94D1;
	text-decoration: underline;
}

.smalltext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #A5A5A5;
	text-decoration: none;
}

.heading {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
}

.tit {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
	font-weight:lighter;
}

.headingmid {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
}

.bigheading {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 25px;
	line-height: 16px;
	color: #181818;
	text-decoration: none;
}

.bigtext {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
}

.textfield {
font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:1px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url("../images/textfield_bg.gif") no-repeat fixed;
width:200px;
}


.small {
	FONT-SIZE: 1.2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #2A94D1;
	line-height:25px;
	text-decoration:none;
}

.small:hover {
	FONT-SIZE: 1.2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666666;
	line-height:25px;
	text-decoration:underline;
}


.smallMedium {
	FONT-SIZE: 1.4em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #2A94D1;
	line-height:25px;
	text-decoration:none;
}
.smallMedium:hover {
	FONT-SIZE: 1.4em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666666;
	line-height:25px;
	text-decoration:underline;
}

.medium {
	FONT-SIZE: 1.6em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #2A94D1;
	line-height:25px;
	text-decoration:none;
}
.medium:hover {
	FONT-SIZE: 1.6em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666666;
	line-height:25px;
	text-decoration:underline;
}

.large {
	FONT-SIZE: 2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #2A94D1;
	line-height:25px;
	text-decoration:none;
}
.large:hover {
	FONT-SIZE: 2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666666;
	line-height:25px;
	text-decoration:underline;
}

DIV.txtbutton-alt {
	CLEAR: both; 
	MARGIN-TOP: 1em; 
	BACKGROUND: url(../images/btn_left-grey.gif) no-repeat left top; 
	MARGIN-BOTTOM: 1em; 
	FONT: bold 10px Tahoma,sans-serif; 
	WIDTH: auto; 
	HEIGHT: 18px;
}

DIV.txtbutton-alt A {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 4px; 
	BACKGROUND: url(../images/btn_right-grey.gif) no-repeat right top; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN-LEFT: 6px; 
	OVERFLOW: hidden; 
	PADDING-TOP: 2px; 
	HEIGHT: 18px;
}
DIV.txtbutton-alt A {
	COLOR: #2A94D1;
	text-decoration:none;
}
DIV.txtbutton-alt A:visited {
	COLOR: #2A94D1;
	text-decoration:none;
}

DIV.txtbutton-alt A:hover {
	COLOR: #2A94D1; 
	TEXT-DECORATION: none;
	text-decoration:underline;
}

HTML DIV.txtbutton-alt A {
	MARGIN-LEFT: 3px
}

DIV.txtbutton-group .txtbutton-alt {
	CLEAR: none; 
	FLOAT: left; 
	MARGIN-RIGHT: 1em
}

hr{
	border:1px;
	border-color:#EEEEEE;
	border-style:solid;
}
h1#title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #666666;
	text-decoration: none;
	text-indent:inherit;
	font-weight:normal;
}
/*
H1 {
DISPLAY: block; 
TEXT-INDENT: -9999px; 
BACKGROUND-REPEAT: no-repeat; 
margin:0px 0px 0px 0px;
}*/
H2#heading {
DISPLAY: block;
TEXT-INDENT: -9999px;
BACKGROUND-REPEAT: no-repeat;
margin:0px 0px 0px 0px;
}
#about{
	BACKGROUND-IMAGE: url(../images/about-zayari-tit.gif); WIDTH: 174px; height:40px;
}
#addlocation{
	BACKGROUND-IMAGE: url(../images/add-locations-tit.gif); WIDTH: 186px; height:40px;
}
#addanevent{
	BACKGROUND-IMAGE: url(../images/add-an-event-tit.gif); WIDTH: 172px; height:40px;
}
#advertise{
	BACKGROUND-IMAGE: url(../images/advertise-tit.gif); WIDTH: 126px; height:40px;
}
#businessdevelopment{
	BACKGROUND-IMAGE: url(../images/business-development-tit.gif); WIDTH: 287px; height:40px;
}
#categories{
	BACKGROUND-IMAGE: url(../images/categories-tit.gif); WIDTH: 142px; height:39px;
}
#classifieds {
	BACKGROUND-IMAGE: url(../images/classifieds-tit.gif); WIDTH: 141px; height:40px;
}
#companydetails{
	BACKGROUND-IMAGE: url(../images/company-detail-tit.gif); WIDTH: 218px; height:40px;
}
#community{
	BACKGROUND-IMAGE: url(../images/community-tit.gif); WIDTH: 158px; height:40px;
}
#complete{
	BACKGROUND-IMAGE: url(../images/complete-tit.gif); WIDTH: 130px; height:40px;
}
#confirmdetails{
	BACKGROUND-IMAGE: url(../images/confirm-detail-tit.gif); WIDTH: 201px; height:40px;
}
#contactzayari{
	BACKGROUND-IMAGE: url(../images/contact-zayari-tit.gif); WIDTH: 193px; height:39px;
}
#countries{
	BACKGROUND-IMAGE: url(../images/countries-tit.gif); WIDTH: 129px; height:39px;
}
#environment{
	BACKGROUND-IMAGE: url(../images/environment-tit.gif); WIDTH: 169px; height:40px;
}
#event {
	BACKGROUND-IMAGE: url(../images/events-tit.gif); WIDTH: 90px; height:38px;
}
#faq{
	BACKGROUND-IMAGE: url(../images/faq-tit.gif); WIDTH: 353px; height:40px;
}
#findabusiness{
	BACKGROUND-IMAGE: url(../images/find-a-business.gif); WIDTH: 195px; height:43px;
}
#imgcategories{
	BACKGROUND-IMAGE: url(../images/imgcategories-tit.gif); WIDTH: 142px; height:39px;
}
#imgcountries{
	BACKGROUND-IMAGE: url(../images/imgcountries-tit.gif); WIDTH: 129px; height:39px;
}
#myaccount{
	BACKGROUND-IMAGE: url(../images/my-account-tit.gif); WIDTH: 155px; height:38px;
}
#mybusinesses{
	BACKGROUND-IMAGE: url(../images/my-businesses-tit.gif); WIDTH: 187px; height:38px;
}

#myclassified{
	BACKGROUND-IMAGE: url(../images/myclassifieds-tit.gif); WIDTH: 180px; height:38px;background-repeat:no-repeat;
}
#myclassifiedfavorites{
	BACKGROUND-IMAGE: url(../images/classifiedmyfavourite.gif); WIDTH: 180px; height:38px;background-repeat:no-repeat
}

#myclassifiedreviews{
	BACKGROUND-IMAGE: url(../images/classifiedmyreviews.gif); WIDTH: 180px; height:38px;background-repeat:no-repeat
}

#mybusinesses{
	BACKGROUND-IMAGE: url(../images/my-businesses-tit.gif); WIDTH: 187px; height:38px;
}
#payment{
	BACKGROUND-IMAGE: url(../images/payment-tit.gif); WIDTH: 118px; height:38px;
}
#productsandservices{
	BACKGROUND-IMAGE: url(../images/product-services-tit.gif); WIDTH: 276px; height:40px;
}
#register{
	BACKGROUND-IMAGE: url(../images/register-tit.gif); WIDTH: 92px; height:26px;
}
#signin{
	BACKGROUND-IMAGE: url(../images/signin-tit.gif); WIDTH: 75px; height:27px;
}
#videos {
	BACKGROUND-IMAGE: url(../images/video-tit.gif); WIDTH: 95px; height:40px;
}
#header {
	BACKGROUND: url(../images/video-bg-header.gif) no-repeat left bottom; 
	WIDTH: 236px; 
	POSITION: relative; 
	HEIGHT: 45px;
}

#featuredvideoheader {
	BACKGROUND: url(../images/featured-video-bg-header.gif) no-repeat left bottom; 
	WIDTH: 470px; 
	POSITION: relative; 
	HEIGHT: 45px;
}

#sspheader {
	BACKGROUND: url(../images/ssp-bg-header.gif) no-repeat left bottom; 
	WIDTH: 722px; 
	POSITION: relative; 
	HEIGHT: 45px;
}



#myaccountheader {
	WIDTH: 861px; 
	POSITION: relative; 
	HEIGHT: 45px;
}


#top-navigation {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;   
	LEFT: 0px; 
	MARGIN: 5px; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute; 
	text-decoration: none;


}
#top-navigation LI {
	BACKGROUND: url(../images/video-tab.gif) repeat-x 50% top; 
	FLOAT: left; 
	MARGIN: 0px 2px 0px 0px; 
	HEIGHT: 31px;
}
#top-navigation LI A {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 6px;  
	DISPLAY: block;  
	FLOAT: left; 
	COLOR: #606060; 
	LINE-HEIGHT: 20px; 
	text-decoration: none;
}
#top-navigation LI SPAN {
	BACKGROUND: url(../images/video-tab-left.gif) no-repeat left top; 
	FLOAT: left;
	HEIGHT: 31px;
}
#top-navigation LI SPAN SPAN {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: url(../images/video-tab-right.gif) no-repeat right top; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}
#top-navigation LI.active {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/video-active.gif) repeat-x 50% top; 
	PADDING-BOTTOM: 0px; 
	MARGIN-RIGHT: 2px; 
	PADDING-TOP: 0px; 
	HEIGHT: 32px;
	text-decoration: none;
}
#top-navigation LI.active SPAN {
	BACKGROUND: url(../images/video-active-left.gif) no-repeat left top; 
	HEIGHT: 32px;
}
#top-navigation LI.active SPAN SPAN {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: url(../images/video-active-right.gif) no-repeat right top; 
	PADDING-BOTTOM: 20px; 
	COLOR: #606060; 
	HEIGHT: 32px;
}


#account-navigation {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;   
	LEFT: 0px; 
	MARGIN: 18px 0px 0px 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute; 
	text-decoration: none;

}
#account-navigation LI {
	FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	HEIGHT: 27px;
}
#account-navigation LI A {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 6px;  
	DISPLAY: block;  
	FLOAT: left; 
	COLOR: #606060; 
	LINE-HEIGHT: 20px; 
	text-decoration: none;
	
}
#account-navigation LI SPAN {
	FLOAT: left;
	HEIGHT: 27px;
}
#account-navigation LI SPAN SPAN {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}
#account-navigation LI.active {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/account-active.gif) repeat-x 50% top; 
	PADDING-BOTTOM: 0px; 
	MARGIN-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 27px;
	text-decoration: none;
}
#account-navigation LI.active SPAN {
	BACKGROUND: url(../images/account-active-left.gif) no-repeat left top; 
	HEIGHT: 27px;
}
#account-navigation LI.active SPAN SPAN {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 20px; 
	BACKGROUND: url(../images/account-active-right.gif) no-repeat right top; 
	PADDING-BOTTOM: 0px; 
	COLOR: #606060; 
	HEIGHT: 27px;
}

popcat {
color:#000;
background:#fff url(../images/popular-categories.gif) top left no-repeat;
height:37px;
width: 199px;
}

popcat b {
display:none;
}