/*
	Name: Abadoo
	Description: Global Style Sheet
	Version: 1.0
	Author: Rolled.at
	Author URI: http://www.rolled.at
	Coder: Enrique Ramirez
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.4;
	    font-size: 75%; /* 100% = 16px */
		font-family: Arial, Helvetica, sans-serif;
	    color: #231f20;
	    background: white;
		margin: 0;
		padding: 0;
		text-align: left;
		background:url(http://abadoo.eu/images/bg-body.gif) repeat-x;
	}
	
	html, body {height: 100%}

/* Headers */
	h2 {font-size: 1.3em}
	h3 {font-size: 1.2em}
	h4 {font-size: 1.1em}
	h5 {font-size: 1em}
	h6 {font-size: 1em}
	
	h2, h3, h4, h5, h6 {font-family: 'Trebuchet Ms', tahoma, arial, sans-serif; text-transform: uppercase; margin-bottom: 10px; font-weight: bold}
	
	.title {
		padding-left: .4em;
		text-transform: none;
		font-size: 1.8em;
		font-weight: normal;
		line-height: 1.2;
		margin-bottom: .8em
	}
	
	h3.list_description{ display: block; width:685px; padding:5px 5px 5px 10px; background:#1783c5; color:#FFFFFF; font-size:20px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:hover, a:active {text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc;
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Blockquotes */
blockquote {margin: 1em; padding: 1em}
blockquote p {margin-bottom: .5em}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto}

thead th {text-align: left; padding: .5em .4em; font-weight: bold}

thead th, tbody td, tbody th {padding: .5em 1em}
tbody th {background: #eee;}

/***** Layout *****/
#non-footer {min-height: auto; height: auto !important; height: 100%}
#wrap {padding-bottom: 280px}
.wrap {width: 1000px; margin: 0 auto;}  /* changed width for new layout - jose 1/15/10 */

#header .wrap:after, #non-footer .wrap:after,
#navigation .wrap:after, #body .wrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer .wrap {overflow: hidden; width: 1280px}

/* Header */
/* removing for new header - jose 1/15/10
#header .wrap {height: 140px}
*/

#logo {float: left; width: 200px; height:100px; margin: 20px 55px 10px 0; background:url('../images/abadoo-logo2.png') no-repeat 0px 0px}
#head-ad {float: left; margin: 19px 0 0 0}

#header .contact-info {float: right; margin: 7px 0 0 0; text-align: right; display: block; height: 4.45em; width: 600px; }
#header .contact-info strong {font-size: 2.2em; display: block}
#header .contact-info a:link, #header .contact-info a:visited {font-size: 1.6em; text-decoration: none}

/* added for new header - jose 1/15/10 */
.lng-list {
	float:right;
	background:url(http://abadoo.eu/images/bg-lng.gif) no-repeat 100% 0;
	height:39px;
}
.lng-list ul {
	float:left;
	background:url(http://abadoo.eu/images/bg-lng-l.gif) no-repeat;
	height:25px;
	margin:0;
	padding:14px 28px 0;
	list-style:none;
}
.lng-list ul li {
	float:left;
	margin:0 10px 0 0;
	display:inline;
}
.lng-list ul li a {
	background:url(http://abadoo.eu/images/ico-lng.gif) no-repeat;
	width:60px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.lng-list ul li.usa a {
	background-position:0 -17px;
}
.lng-list ul li.europe a {
	background-position:0 -34px;
	width:70px;
}


	/* Control Panel */
	#control-panel {float: right; padding: .3em 5px 0 0; position: relative; z-index: 999; margin: 0 1.5em 0 0}

	#cp-cont-wrap {
		position: absolute;
		z-index: 999;
		width: 185px;
		left: 23px;
		top: .3em;
		z-index: 99;
		background: url('../images/locations-bg.png') no-repeat bottom right !important;
		background: none;
		padding: 0 5px 10px 0;
	}
	.hidden #cp-cont-wrap {display: none;}
	
	#cp-cont {padding: 0 0 15px 0; position: relative;}
	#close-cp {position: absolute; right: 10px; top: 5px; text-decoration: none;}
	#cp-cont h2 {
		font-size: 1em;
		text-transform: none;
		height: 30px;
		line-height: 30px;
		margin: 0 0 10px 0;
		padding: 0 10px 0 15px;
	}
	
	#cp-cont ul {margin: 0 0 1em 1.3em; padding: 0 10px}
	#cp-cont ul li {margin-bottom: .5em;}
	
		/* Style Switch */
		#style-switch {padding:5px 0px 0px 55px ; height: 40px; background:url('../images/themeback.png') no-repeat 5px 0px}
		#style-switch strong {padding-right: 15px;}
		#style-switch a img {border:none; width: 27px; height: 24px;}
		
	/* Drops Wrap */
	.drops-wrap {
		/* padding-top: 50px;  took out for new header - jose 1/15/09 */
		clear: right;
		width: auto;
		float: right;
		margin-right: 17px;
		margin-top: 12px;
	}
	.drops-wrap:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	
	/* Login Form */
	#control-panel.logged-out #cp-cont-wrap {width: 200px;}
	
	#login {margin: 0 0 5px 0; padding: 5px 10px; border: 0;display:block;clear:right}	#login-box a.helpful:link, #login-box a.helpful:visited { font-size: 10px; font-family: Tahoma}
	#login-box input.text {width:160px}	#login label {font-size: .9em;}		
	
	#login .button {float: right; padding: .3em .8em;}
	#login a:link, #login a:visited {clear: both; font-size: .9em; line-height: 1.6;}

	/* Change Location */
	#change-location {float: right; position: relative; padding-top: .3em;}
	#change-location #trigger:link, #change-location #trigger:visited {
		padding: 0 .8em;
		text-decoration: none;
		height: 30px;
		line-height: 30px;
		position: relative;
		z-index: 999;
	}

	
	#locations-wrap {
		position: absolute;
		width: 605px;
		right: -10px;
		top: 12px;
		z-index: 9999;
		background: url('../images/locations-bg.png') no-repeat bottom right !important;
		background: none;
		padding: 0 10px 10px 0;
		
	}
	
	#locations {padding:0; position: relative;}
	#close-locations {position: absolute; right: 15px; top: 4px;}
	
	#locations .cols {overflow: hidden; width: 100%;}
	#locations .col {width: 130px; float: left; margin: 0 15px 0 0;}
	
	#locations h2 {padding-bottom: 5px; padding-left: 5px;}
	#locations ul {margin: 0 0 1em 1.2em;}
	#locations h3 {margin-bottom: .5em;}
	
	#locations a:link, #locations a:visited {text-decoration: none;}
	#locations a:hover, #locations a:active {text-decoration: underline;}
	
	.hidden #locations-wrap {display: none;}

/* Navigation */
#navigation .wrap {height: 45px;}
#navigation ul {margin: 0; padding: 0 0 0 15px; list-style: none}

#navigation ul li {
	float: left;
	height: 36px;
	line-height: 36px;
	padding: 0 20px 0 10px;
	margin: 0 7px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	width: auto
}
#navigation ul li:last-child {background: none; padding-right: 0; margin-right: 0}
#navigation a:link, #navigation a:visited {text-decoration: none}
#navigation a:hover, #navigation a:active {text-decoration: underline}

#navigation #search-field { display: block; width:230px; height:45px;float: right; margin: 0; padding: 0; background: url(../images/search_back.png) no-repeat top left;}
#navigation #search-field .text {
	width: 145px;
	height: 15px;
	border: 0px;
	font-size: 1em;
	font-family: inherit;
	float: left;
	
	
}
#navigation #search-field table{ border: 0}
#navigation #search-field .button {float: left;}

/* Body */
.home-lists a:link, .home-lists a:visited {text-decoration: none}
.home-lists a:hover, .home-lists a:active {text-decoration: underline}
.home-lists .wrap { padding-top:60px;}
.home-lists ul, .yell ul {margin: 0 0 1em 1.3em}
.home-lists h2 {font-weight: normal;}

.home-lists ul li {padding-left: 0;}

.yell a:link, .yell a:visited {text-decoration: none}
.yell a:hover, .yell a:active {text-decoration: underline}

.col-60 {width: 52%; padding: 0px .85% 0px 0; float: left}
.col-60 .col {width: 205px; float: left; padding: 0}

.col-20 {width: 19% !important; width: 18.9%; padding: 15px 1.93% 15px 0 !important; padding: 15px 1.90% 15px 0; float: left;}

.col-40 {width: 30.5%; padding: 15px .80% 15px 0; float: left}

.col-50 {width: 45.5%; padding: 15px .80% 15px 0; float: left}

ul.cols2 {width: 100%}
ul.cols2:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
ul.cols2 li {width: 49.85%; float: left}

#body {padding: 30px 0 40px 0}

/* Footer */
#footer {
	height: 298px;
	margin-top: -270px;
	background: url('../images/footer-bg.png') repeat-x 0px 10px
}

/*#footer ul {height: 43px; overflow: hidden; margin:0 0 0 20px;; padding: 10px 0 0 10px; list-style: none}
#footer ul li {float: left; height: 100%; line-height: 37px; padding: 0 23px 0 18px; font-size: 1.25em; display: inline}
#footer ul li:last-child {background: none; padding-right: 0}

#footer ul li.active, #footer ul li.active:last-child {padding: 0 1px; margin-left: -10px; background: url('../images/footer-tab-dark-bg.png') repeat-x top left}
#footer ul li.active a:link, #footer ul li.active a:visited {padding: 0 15px; display: block; float: left; height: 43px; background: url('../images/footer_tab_back.png') repeat-x 0 -10px}
#footer ul li.active a:hover, #footer ul li.active a:active {text-decoration: none}

#footer ul li a:link, #footer ul li a:visited {text-decoration: none; text-transform: uppercase; color: #fff}
#footer ul li a:hover, #footer ul li a:active {text-decoration: underline}
ORGINAL

#footer ul {height: 10px; overflow: hidden; margin: 0; padding: 0 0 75px 10px; list-style: none}
#footer ul li {float: left; height: 60px; line-height: 37px; padding: 0 23px 0 18px; font-size: 1.25em; display: inline;background: url('../images/footer-tab-dark-bg.png') repeat-x top left}
#footer ul li:last-child {background: none; padding-right: 0}

#footer ul li.active, #footer ul li.active:last-child {padding: 0 1px; margin-left: -10px; background: url('../images/footer-tab-dark-bg.png') repeat-x top left}
#footer ul li.active a:link, #footer ul li.active a:visited {padding: 0 15px; display: block; float: left; height: 85px; background: url('../images/footer-tab-bg.png') repeat-x top left}
#footer ul li.active a:hover, #footer ul li.active a:active {text-decoration: none}

#footer ul li a:link, #footer ul li a:visited {text-decoration: none; text-transform: uppercase; color: #fff}
#footer ul li a:hover, #footer ul li a:active {text-decoration: underline}*/


#footer ul {height: 10px; overflow: hidden; margin: 0; padding: 0 0 75px 10px; list-style: none}
#footer ul li {float: left; height: 60px; line-height: 37px; padding: 0 23px 0 18px; font-size: 1.25em; display: inline;}
#footer ul li:last-child {background: none; padding-right: 0}

/*#footer ul li.active, #footer ul li.active:last-child {padding: 0 1px; margin-left: -10px; background: url('../images/footer-tab-dark-bg.png') repeat-x top left}*/
#footer ul li.active span, #footer ul li.active span{ float:left; display:block; min-width:20px; height:85px;background: url('../images/lowermenuback.png') no-repeat -17px -5px}

#footer ul li.active span.link, #footer ul li.active span.link{ float:left; display:block; min-width:20px;  padding-right: 35px;  height:85px;background: url('../images/lowermenuback.png') no-repeat 100% -5px}

#footer ul li.active a:link, #footer ul li.active a:visited{ float:left;display: block; min-width:40px; padding:22px 0 0 0; height: 85px;background: url('../images/footer-back-arro.png') no-repeat 50% 65px}

#footer ul li a:link, #footer ul li a:visited {display: block;;text-decoration: none; text-transform: uppercase; color: #fff;padding:22px 0 0 0; font-family: Arial, Helvetica, sans-serif}
#footer ul li a:hover, #footer ul li a:active {text-decoration: underline}

#footer .news {
	height: 135px;
	padding: 20px 0 0 180px;
	font-size: 1.8em;
	line-height: 1.1;
	background: url('../images/footer-news-bg.png') no-repeat 0px 2px
}
#footer .news p {margin-bottom: 0; line-height: 1.1}
#footer .news p strong {font-size: 1.2em}
#footer .news a:link, #footer .news a:visited {color: #ff6600; font-size: 1.2em; font-weight: bold; text-decoration: none}
#footer .news a:hover, #footer .news a:active {text-decoration: underline}

#footer .copy {
	background: #84c5fe;
	height: 40px;
	text-align: right;
}
	
/***** Sections *****/
/* Listing */
.listing {
	list-style: none;
	margin: 20px 0
}

.listing li {overflow: hidden; height: 1%; margin-bottom: 30px}
.listing .thumb {float: left; margin: 0 30px 0 0}
.listing .info {width: 790px; float: left}
.cp .listing .info {width: 645px;}
.listing .meta {display: block; color: #aaa; font-style: italic}

.listing p {margin-bottom: 10px}

/* Pagination */
.pagination {display: block; text-align: left; padding: 20px 0; margin: 0}
.pagination li {display: inline; padding: 0 1px}

.pagination a:link, .pagination a:visited {
	padding: 3px 6px;
	font-weight: bold;
	text-decoration: none;
}

/*Control Panel */
	/* Menu */
	#cp-menu {
		margin: 0 0 30px 0;
		list-style: none;
		overflow: hidden;
		height: 1%
	}
	
	#cp-menu li {float: left; width: 18%; padding: .9%}
	#cp-menu a:link, #cp-menu a:visited {
		display: block;
		float: left;
		width: 95%;
		padding: 40px 2.45%;
		text-align: center;
		text-decoration: none;
		font-size: 1.1em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size: 1.3em
	}
	
	/* CP Forms */
	.cp-form {
		width: 510px;
		margin: 20px 0 20px 0px;
		overflow: hidden;
	}
	
	.cp-form legend {padding-left: 5px; font-weight: bold}
	
	.cp-form label { min-width:70px; width: auto; float: left; clear: left; margin-bottom: 10px; padding-right: 10px;}
	.cp-form .text {width: 250px; float:left;}
	.cp-form .file {float: left; margin: 0 0 10px 10px; max-width: 250px}
	.cp-form select {float: left; margin: 0 0 10px 10px; max-width: 290px}
	.cp-form select.inline {margin: 0 0 10px 3px}
	.cp-form #captcha-image {float: right; border: 0pt none;margin: 0 95px 10px 0px;}
	
	.cp-form textarea {
		width: 320px;
		height: 200px;
		float: left;
		margin: 0 0 10px 10px
	}
	
	.cp-form .button {
		clear: both;
		float: right;
		border: 0;
		margin: 10px 95px 0 0;
		padding: 5px 20px;
		cursor: pointer;
		font-size: 1.2em
	}
	
/* List */
.list { height: auto; width: 95%; margin-bottom: 20px;overflow: hidden;	border:1px solid #CCCCCC;}

.list .img {float: left; margin: 0 10px 0 0; width: 360px; overflow: hidden;}
.list .img ul {margin: 0; list-style: none; overflow: hidden; height: 1%; padding: 15px 0 10px 0; width: 380px}
.list .img ul li {float: left; margin: 0 22px 0 0;}

	/* List Form */
	.cp-form.list-form {float: left; width: 330px; margin-right: 40px; margin-left: 0;}
	.cp-form.list-form label {width: 80px;}
	.cp-form.list-form textarea {width: 300px;}
	.cp-form.list-form .button {margin: 0 10px 0 0;}

	/* List Address */
	.list-address {
		float: left;
		width: 250px;
		margin: 15px 15px 0 0;
	}

	.list-address h3 {padding-left: 5px; font-weight: bold}

	 .list-address address {display: block; margin-bottom: 1.5em; padding-left: 14px;}
	.list-address .direct-contact{display: block; margin-bottom: 1.5em; padding-left: 40px; min-height: 50px; background: url('../images/email.png') no-repeat top left; vertical-align: middle}
	/* Map */
	.list-map {
		float: left;
		width: 300px;
		margin: 30px 0 0 0;
		border: 1px solid #ccc;
	}
	
	.list-map img {display: block;}

/* Login Form */
.cp-form.login {width: 350px; margin: 0 auto; float: left; padding: 25px;}
.cp-form.login label {width: 100px;}

.cp-form.login a {display: block; clear: both; margin-left: 110px;}

.cp-form.login .button {margin: 0; background:url(../images/ambar/submit_button.png) no-repeat; font-size:12px; }

/* Sidebar and Content boxes */
#sidebar {width: 170px; float: left; margin: 0 40px 0 0; display: inline; border-right: 1px solid #CCCCCC; font-family: Tahoma}
#content {width: 780px; float: left;}

/* List Add */
.cp-form.add-list, .cp-form.add-list-address {float: left; margin: 0 40px 30px 0; width: 425px;}
.upgrade-listing {clear: both; float: left; width: 425px; margin-left: 0;}
.cp-form.add-list-address {margin-right: 0;}
.cp-form.add-list label, .cp-form.add-list-address label {width: 100px;}
.cp-form.edit-list label, .cp-form.edit-list-address label {width: 120px;}
.cp-form.add-list .button, .cp-form.add-list-address .button {margin-right: 10px;}
.cp-form.add-list .images, .cp-form.edit-list .images{width: 200px; float: left; padding: 0 10px 20px 10px;}
.cp-form.edit-list .images {width: 350px}
.cp-form.add-list textarea, .cp-form.add-list-address textarea {width: 300px; height: 200px;}
.cp-form.add-list-address textarea {height: 150px;}
.cp-form.add-list-address .list-map-add {float: left; width: 300px}
.cp-form.add-list-address .list-map {margin: 10px 0 10px 10px;}

/* Breadcrumb */
.breadcrumb {
	margin-bottom: 2em;
	clear: both;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.breadcrumb a, .breadcrumb strong {margin: 0 .5em;}
.breadcrumb a:link, .breadcrumb a:visited {text-decoration: none;}
.breadcrumb a:hover, .breadcrumb a:active {text-decoration: underline;}

/* Bubble */
#bubbleWrap {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 49px;
	color: #666;
}
.bubble {
	position: absolute;
	background: url('../images/bubble-bottom.png') no-repeat bottom;
	width: 177px;
	padding-bottom: 17px;
}

.bubble .contents {
	width: 137px;
	background: url('../images/bubble-top.png') no-repeat top;
	padding: 30px 20px 3px 20px;
	text-align: center;
}

/* Messages */
ul.messages {list-style: none; margin: 0; padding: 0}
ul.messages li {display: block; margin-bottom: 1em; padding: 1em}

.messages li ul {list-style: none; margin: 0; padding: 0}
ul.messages li ul li {margin-bottom: 0}

.messages .error-msg {border: 2px solid #ffc1c1; background: #ffd5d5}
.messages .success-msg {border: 2px solid #d0eed0; background: #e1f4e1}

a.delete:link, a.delete:visited {background-color: #ffe6e7; color: #353535; text-decoration: underline}

/* Sortable List */

#sortable-list {
	list-style: none;
	margin: 0;
	width: 330px;
}

#sortable-list li {padding: .5em 1em; cursor: move; border-bottom: 1px solid #fff;}

/* Profile */
#profile {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
#profile .phot-wrap {float: left; margin: 0 40px 0 0; width: 200px;}
#profile .contents {float: left; margin: 0; list-style: none; width: 700px; line-height: 1.8;}

#map_canvas {width: 300px; height:400px; }

/* Private Messaging */

.private-m {overflow: hidden; margin-bottom: 2em; height: 1%}
.private-m ul {margin: 0; list-style: none}
.private-m .folder, .private-m .header {
  font-size: 1em;
  padding: .5em 1em;
  margin-bottom: 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px
}

.private-m li {
  overflow: hidden;
  height: 1%;
  padding: 1.5em 1em
}

.private-m .checkbox {float: left; margin: .3em 20px 0 0}

.private-m .contents {float: left; width: 580px; overflow: hidden}
.private-m h4 {margin-bottom: .1em; font-weight: bold}
.private-m p {margin-bottom: .2em}

.private-m .meta {width: 120px; float: left; text-align: right; overflow: hidden}
.private-m .meta .date {font-style: normal; display: block}
.private-m .meta .user {font-weight: normal; display: block}
.private-m .meta .user a {font-weight: bold}

.private-m .private-actions {
  font-size: 1em;
  padding: .5em 1em;
  margin-bottom: 0;
  overflow: hidden;
  height: 1%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px
}

.private-actions label, .private-actions select, .private-actions input {
  float: left;
  margin: .3em 1em 0 0;
  line-height: 1.6
}

.private-m .message p {margin-bottom: 1.5em}
.private-m .message {
  padding: 2em 2em .5em 2em;
  border: 1px solid #eee;
  border-top: 0
}

.header {overflow: hidden; height: 1%}
.header strong {float: left}
.header .user {float: right; font-size: .8em; line-height: 1.8em}
.header a:link, .header a:visited {color: #fff}

#upload-image {padding-top:15px;clear:left}
#upload-image .file-input-row {margin-bottom:10px}
#file-list{list-style-type:none;margin:0;padding:0}
#file-list li {float:left; position: relative; width:105px; padding-right:10px}

/*#file-list li .listing-image {position:absolute;top:0px;left:0px;right:70px}*/

#file-list li .delete-image{position:absolute;top:0px;left:95px; display:block;background: url('../images/delete-image.png') no-repeat;width:16px;height:16px;z-index:999}
.populate-info {float:left;margin:2px 0 0 10px}
.hidden {display: none;}

.warning { color: #ff2e2e; }

/* NEW CSS*/

.top-listing1{ width: 52%; height: auto; float: left;}
.top-listing1 div.col{ width: 33%; height: auto; float: left}


.top-listing2{ width: 24%; height: auto; float: left;}
.top-listing2 h2{ display: block}
.top-listing2 ul{overflow: hidden; display: block; padding-left: 30px}
.top-listing3{ width: 23%; height: auto; float: left}



div.yell .listing_section1{ width:35%; float: left}
div.yell .listing_section1 ul{overflow: hidden; display: block;}


div.yell .listing_section2{ width:20%; float: left; margin-left: 5px;}

div.yell .listing_section2 ul{overflow: hidden; display: block; padding-left: 30px}

h2.jobs{ display: block; width: auto; height: 32px; padding:5px 35px; font-size: 16pt;background:url('../images/job.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize}

h2.property_for_sale{ display: block; width: auto; height: 25px; padding:10px 10px 10px 50px; font-size: 16pt;background:url('../images/sale.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize}

h2.property_for_rent{ display: block; width: auto; height: 15px; padding:5px 10px 5px 45px; font-size: 16pt; font-family: Tahoma; text-transform: capitalize}

h2.flat_house_share{ display: block; width: auto; height: 15px; padding:5px 5px 5px 45px; font-size: 16pt; font-family: Tahoma; text-transform: capitalize} 
 
h2.friend_dating{ display: block; width: auto; height: 25px; padding:10px 10px 10px 40px;font-size: 16pt;background:url('../images/friend.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize}  

h2.stuff_for_sale{ display: block; width: auto; height: 15px; padding:17px 50px; font-size: 16pt; background:url('../images/stuff.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize; font-weight:normal} 

h2.cars_for_sale{ display: block; width: auto; height: 10px; padding:17px 5px 17px 50px; font-size: 16pt;background:url('../images/cars-of-sale.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize; font-weight:normal}

h2.service{ display: block; width: auto; height: 10px; padding:17px 50px; font-size: 16pt;background:url('../images/service.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize; font-weight:normal}

h2.community{ display: block; width: auto; height: 10px; padding:17px 50px; font-size: 16pt;background:url('../images/community.png') no-repeat top left; font-family: Tahoma; text-transform: capitalize; font-weight:normal;margin-left: 10px;}

h2.food{ display: block; width: auto; height: 15px; padding:17px 65px; font-size: 16pt;background:url('../images/food.png') no-repeat top left; overflow:hidden; font-family: Tahoma; text-transform: capitalize; font-weight:normal}

span.category_breadcumb{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#0099FF; font-weight: bold}

.advertisement {text-align:center;}