/* All styles using background-image are found in this file */

.content-right #slides {
	padding: 10px 0;
}

/* BASIC CSS for body & bg */
body {
	/* Replace with client image once received */
	background-size: auto auto;
	background: url("img/main_bg_ebbes.jpg") repeat-x 0 0;
}

.lh-logo-content {
	background: url("head_logo_ebbes.png") no-repeat 0 0;
	height: 53px;
	background-size: contain;
	width: 220px;
}

.logo {
	top: 63px;
	left: 15px;
}

.lh-logo-subtitle {
	background: url('img/subtitle.png') no-repeat;
	background-size: contain;
	width: 400px;
	height: 18px;
	position: absolute;
	top: 95px;
	left: 260px;
}

.lh-logo-footer{
    background-position: 10px center;
    background-repeat: no-repeat;
    height: 32px;
    width: 120px;
}
.styled-gps {
    background: url(img/gps_icon.png) no-repeat 95% 0 #ffffff;
    border-radius: 3px 0 0 3px;
}
/* START CSS for custom select fields */
.styled-select select {
	background: url(img/select_arrow.png) no-repeat right #f7f7f7;
	border-radius: 3px;
	width: 100%;
	padding: 5px 35px 5px 5px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
}

.styled-select select.form-control::-ms-expand {
	display: none;
}

.styled-select {
    width: 50%;
    height: 40px;
    background: url(img/select_arrow.png) no-repeat right #f7f7f7;
}
/* END CSS for custom select fields */
.landingpagebox {
    display: table;
    border-collapse: collapse;
}
.landingpagebox-row {
    display: table-row;
    border: 1px solid #cccccc;
}
.landingpage-image {
    display: table-cell;
    padding: 18px 10px 10px;
}
.landingpage-image-bottom-bg {
    background-color: #fdfbfc;
}

#landingpage-image {
	background-image: url("img/landingpage.jpg");
	background-repeat: no-repeat;
	height: 85px;
	width: 198px;
	display:block;
}

#landingpage-image-first {
    background-image: url("img/landingpage1.png");
    background-repeat: no-repeat;
    height: 85px;
    width: 198px;
    display:block;
}
#landingpage-image-second {
    background-image: url("img/landingpage2.png");
    background-repeat: no-repeat;
    height: 85px;
    width: 198px;
    display:block;
}
#landingpage-image-three {
    background-image: url("img/landingpage3.png");
    background-repeat: no-repeat;
    height: 85px;
    width: 198px;
    display:block;
}

#landingpage-image-four {
    background-image: url("img/landingpage4.png");
    background-repeat: no-repeat;
    display: block;
    height: 85px;
    width: 198px;
}

.landingpagebox .landingpage-text {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    border-left: 1px solid #cccccc;
}
.landingpagebox-text-link a {
    text-align: left;
    float: right;
    color: #9f62a5;
    font-weight: bold;
    text-decoration: underline;
}
/* CSS custom sort icons/graphics */
.sorter-header-box {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.sorter-header-box ul {
	padding-left: 20px;
	display: flex;
	flex-direction: row;
	margin-bottom: 0;
}

.sorter-header-box ul li {
	display: flex;
	margin-left: 10px;
	height: 38px;
	width: 72px;
}

.sorter-header-box ul li > * {
	display: flex;
	align-items: center;
}

.sorter-header-box ul li .defaultSort{
	background: url(img/chevrons.png) no-repeat right;
	display: inline-block;
	height: 38px;
	width: 14px;
}

.sorter-header-box ul li .asc .defaultSort{
	background: url(img/chevrons_asc.png) no-repeat right;
	
}

.sorter-header-box ul li .desc .defaultSort{
	background: url(img/chevrons_desc.png) no-repeat right;
	
}

.footer .footertext {
	font-size: 1.2em;
	line-height: 40px;
	color: #444;
	text-indent: 10px;
}

.footer .footertext a img {
	height: 35px;
	margin: 0 5px;
}

/* Scale the slider image dynamically */
.content-right #slides img {
	width: 100%;
}

@media (min-width: 1200px) {
	.content-right #slides {
		padding-left: 10px;
	}
}

#open-enter-email-modal {
	margin: 10px;
	float: none !important;
	width: auto !important;
}

.classifields-table {
	margin-top: 10px;
}

/* Small Desktop Styles */
@media (max-width: 1200px) {
	/* CSS for custom padding/margin */
	.content-left {
		margin-left: auto;
		margin-right: auto;
		padding-left: 45px;
		padding-right: 45px;
	}
	.content-right {
		padding-left: 45px;
		padding-right: 45px;
	}
	/* CSS for custom gallery/item list view */
	.adsincatlist {
		margin-bottom: 25px!important;
		margin-right: 26px!important;
	}
	.top-gallery-top-ads h4 {
		padding-left: 25px!important;
	}
	.product-mix-tile-no-3, .product-mix-tile-no-7, .product-mix-tile-no-11 {
		margin-right: 0px!important;
	}
	.cr {
		padding-right: 60px;
	}
	.previewImageBox {
		width: 40%;
	}
	.ad-box-list {
		height: 260px!important;
	}
	.ad-box-list-special {
		height: 235px!important;
	}
	.ad-box-list .adsinlist_structure-data {
		width: 58%;
	}
}
/* Tablet Styles */
@media (max-width: 990px) {
	/* Patching stuff from the small desktop variant */

	.top-gallery-top-ads h4 {
		padding: 10px 0 0 15px;
	}
	.top-gallery-container {
		padding-left: 15px;
	}
	.adsincatlist {
		margin-bottom: 15px!important;
		margin-right: 7px!important;
	}
	.content-right {
		padding-left: 32px;
		padding-right: 45px;
	}
	/* End Of Patches */
	
	.logo {
		top: 70px;
	}
	
	.lh-logo-content {
		height: 45px;
		width: 171px;
	}
	
	.lh-logo-subtitle {
		width: 254px;
		height: 11px;
		top: 98px;
		left: 200px;
	}
	
	/* CSS for custom padding/margin */
    .content-left {
        padding-left: 30px!important;
        padding-right: 45px!important;
    }
	.content-right {
        padding-left: 30px!important;
        padding-right: 45px!important;
    }
	/* CSS for custom nav & search sizes */
    .search-left {
        display: inline-block;
        padding-left: 15px;
        padding-right: 5px;
        width: 40%;
    }
    .search-right {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        width: 40%
    }
    .navi-search-left-col {
        display: inline;
        float: left;
    }
    .navi-search-col {
        font-size: 14px;
        width: 140px;
    }
    .search-field-first {
        float: left;
    }
    .search-field-second {
        clear: both;
        width: 141px!important;
    }
    .search-field-third {
        float:left;
    }
    .search-field-fourth {
        clear: both;
    }
    .search-row {
        float: right;
    }
    .btn-sm { /* Setting width of search-button */
        float: right;
        width: 100px!important;
    }
    .navi-search-content {
        padding-bottom: 14px;
    }
	/* CSS for custom gallery/item list view */
	.top-gallery-top-ads h4 {
		font-size: 16px!important;
    	padding: 10px 0 0 15px!important;
  	}

	.top-gallery-top-ads .adsincatlist {
		display: inline-block;
		margin-right: 28px!important;
	}
	.top-gallery-top-ads .top-ad-top-tile-no-3 {
		margin-right: 0!important;
	}
    .product-mix-newest-ads-row-0, .product-mix-newest-ads-row-1 {
        height: 245px;
    }

    .product-mix-newest-ads-row-1, .product-mix-newest-ads-row-2 {
        margin-top: -8px;
    }
	.product-mix-newest-ads .adsincatlist {
		display: inline-block;
		margin-right: 28px!important;
	}
	.product-mix-newest-ads-row-0 .product-mix-tile-no-2 {
		margin-right: 0!important;
	}
	.cr {
		padding-right: 60px;
	}
 
	/* Tablet List Styles */
	.sort-grid-by {
		float: left;
	}
	.sorter-header-box {
		float: left;
		width: 65%;
	}
	.sortRow .buttonRow {
		width: 20%;
	}
	.buttonRow .btn-sm { /* Setting width of search-button */
		width: 30px!important;
	}
	.dateRow, .priceRow {
		float: left;
	}
	.defaultSort {
		margin-left: 5px;
		margin-right: 5px!important;
	}
	.previewImageBox {
		width: 40%;
	}
	.adsinlist_structure-data {
		width: 60%;
	}
	.ad-box-list-special {
		height: 235px!important;
	}
	.adsincatlist .previewImageBox {
    padding-left: 7px;
	}
	.list-of-items .adsinlist_previewimage img {
		max-width: 190px;
	}
	.ad-box-list {
		height: 254px!important;
	}
}
/* Social Bar Desktop - For all screens larger than mobile */
@media (min-width: 768px) {
	.addthis_button_whatsapp, .addthis_button_sms {
		display: none;
		visibility: hidden;
	}
}
/* Mobile styles */
@media (max-width: 768px) {
	.footer .pull-right,
	.footer .pull-left {
	 	width: 100%;
	 }
	
	.footer .footertext span {
		display: none;
	 }
	
	.footer .footertext {
		text-align: center;
		margin-bottom: 30px;
	}
 
	.footer .nav-pills {
		text-align: center;
	}
	
    .footer .nav-pills li {
	    display: inline-block;
	    float: none;
    }
    
	/* Social Bar Mobile */

	.addthis_button_email {
	display: none!important;
	visibility: hidden!important;
	}
	
    body { /* Set BG colour, remove BG image */
        background-color: #ffffff;
        background-image: none;
        background-position: 0 0px;
        background-size: auto auto;
        background-repeat: no-repeat;
		padding-left: 0;
		padding-right: 0;
    }
    
	.logo {
		top: 20px;
        z-index: 1000;
	}
	
	.lh-logo-content {
		height: 37px;
		width: 140px;
	}
	
	.lh-logo-subtitle {
		left: 18px;
		top: 60px;
		width: 300px;
		height: 13px;
	}
	
	.cr { /* Copyright positioning for mobile */
		float: none!important;
		padding: 0 5px 10px 0px!important;
		text-align: center;
	}
	.footer { /* Remove box-shadow for mobile */
		box-shadow: none;
		margin-left: 0px;
		margin-right: 0px;
	}
	.mainContent { /* Remove box-shadow for mobile */
		box-shadow: none;
		margin: 0;
		padding-top: 20px;
	}
	/* Remove paddings for mobile */
    .content-left {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .content-right {
        text-align: center;
        margin-right: auto;
        padding: 0!important;
		width: 100%!important;
    }
	.content-right #slides {
		width: 100%!important;
		padding-left: 0!important;
	}
    .big-header {
    	background: transparent;
    	height: inherit;
    }
	.navbar-header-top {
		background: #cacdd2;
		height: 41px!important;
		margin-bottom: 0px!important;
		margin-left: 0;
		margin-top: 20px;
		}
	.navbar-header-top ul {
		margin-left: 15px;
		margin-top: 3px;
		padding-top: 12px!important;
	}
	.navbar-header-top ul li {
		float: left;
	}
	.navbar-default {
	  margin-bottom:0px!important;
	}
	.navbar-nav {
		margin-bottom: 30px;
	}
	.navbar-right {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-right li {
		border-bottom: 1px solid #cccccc;
		border-left: none!important;
		border-right: none!important;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
	}
	.navbar-right li a {
		padding-left: 0!important;
	}
	.navbar-right li a .fa {
		float: right;
	}
    .top-search-filter-form {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
	/* Search sizes and positioning for mobile */
    .search-left {
        display: block;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 0px;
        width: 100%;
    }
    .search-right {
        display: block;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }
    .navi-search-col {
        font-size: 14px;
        width: 100%;
    }
    .search-row {
        display: block;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 0px;
        width: 100%;
        height: 40px;
        float: left;
    }
	.navi-search-left-col {
	    width:50%;
	}
	/* Setting the sizes of select-fields to allow proper display of custom design */
	.styled-select select {
		background: url(img/select_arrow.png) no-repeat right #f7f7f7;
	    border-radius: 3px;
	    width: 100% !important;
		padding: 5px 35px 5px 5px;
	    height: 40px;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		-ms-appearance: none !important;
		appearance: none !important;
	}
	.styled-select {
	    width: 50%;
	    height: 40px;
	    background: url(img/select_arrow.png) no-repeat right #f7f7f7;
	}
	.search-field-second, .search-field-fourth {
        clear: both;
        width: 108%!important;
    }
    .navi-search-col.btn-sm {
        width: 100%!important;
        float: left;
    }
	.nav > li > a {
    padding: 0 15px;
	}
	/* CSS for custom gallery/item list view */
	.top-gallery-top-ads h4 {
		padding-left: 0;
	}
	.top-gallery-top-ads {
		height: auto;
	}
    .product-mix-newest-ads-row-0, .product-mix-newest-ads-row-1 {
        height: auto;
    }
	.adsincatlist  {
		float: none;
		height: auto!important;
		max-width: 370px;
		margin-left: auto !important;
		margin-right: auto!important;
		width: 91%!important;
	}
	.adsincatlist .previewImageBox {
    	padding-left: 0px;
	}
	.top-gallery-top-ads .adsincatlist{
		display: block;
		margin-left: auto !important;
		margin-right: auto!important;
		min-height: 180px;
		padding-right: 15px;
		height: auto;
	}
	.top-galley-price-data {
		bottom: 10px;
	}
	.top-gallery-top-ads .adsinlist_previewimage{
		margin-bottom: 33px;
		max-height: 150px!important;
		max-width: 100%!important;
	}
	.top-gallery-top-ads .adsinlist_previewimage img {
		max-height: 150px!important;
		max-width: 100%!important;
	}
	.top-ad-top-tile-no-2 {
		margin-bottom: 15px!important;
	}
	
	.product-mix-newest-ads {
		margin-bottom: 30px!important;
	}
	.product-mix-newest-ads .adsincatlist{
		display: block;
	    height: auto;
	    margin-left: auto !important;
	    margin-right: auto !important;
		max-width: 370px;
	    min-height: 230px;
	    padding-right: 15px;
	    width: 87% !important;
	}
	.product-mix-newest-ads .adsinlist_previewimage{
		margin-bottom: 33px;
		max-height: 150px!important;
		max-width: 100%!important;
	}
	.product-mix-newest-ads .adsinlist_previewimage img {
		max-height: 150px!important;
		max-width: 100%!important;
	}
	.tiledInfo, .tiledCity, .tiledData {
		/* display: none;
		visibility: hidden; */
	}
	
	.sort-grid-by {
		float: left;
	}
	.sorter-header-box {
		float: none;
		width: 100%;
	}
	.sortRow {
		margin: 0;
		width: 100%;
	}
	.sortRow .buttonRow {
		display: none;
		visibility: hidden;
		width: 85px;
	}
	.buttonRow .btn-sm {
		width: 30px!important;
	}
	.dateRow, .priceRow {
		float: left;
	}
	.defaultSort {
		margin-left: 5px;
		margin-right: 5px!important;
	}
	.summary-content {
		margin-left: auto;
		margin-right: auto;
		width: 322px;
	}
	.pagerRow { /* Positioning the pager for mobile view*/
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.pagination-sm li a{
		font-size: 18px;
		padding: 6px 16px!important;
	}
	#ads-listed-as-row { /* Specific CSS for list display on mobile */
		margin-left: auto;
		margin-right: auto;
	}
	#ads-listed-as-tiled { /* Specific CSS for tiled display on mobile */
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.ad-box-list {
		height: 260px;
		padding-right: 0!important;
	}
	.ad-box-list-special {
		height: 235px;
		padding-right: 0!important;
	}
	.previewImageBox {
		display: block;
		width: 100%;
		max-height: 168px;
		max-width: 330px;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		float: none !important;
	}
	
	.ad-box-list .previewImageBox {
		height: auto;
	}
	.list-previewimage {
	    height: auto;
	    margin-left: auto;
	    margin-right: auto;
	    max-height: 128px;
	    max-width: 330px;
	    width: auto;
	}
	.adsinlist_structure-data {
		width: 90% !important;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		float:none!important;
	}
	.boxlist-item-title {
		margin-bottom: 0;
	}
	.boxlist-item-content {
		display: none;
	}
	.ad-box-list .adsinlist_structure-data {
		width: 100%;
		padding-top: 35px;
	}
	.adPriceRow {
		position: absolute;
		top: 0;
		right: -18px;
		margin: 0;
	}
	.adPrice.product-mix-price-data {
		background-color: #ffdc36;
		color: #57585a;
		font-weight: 700;
		margin: 0;
		font-size: 1em;
		font-family: "Open Sans", sans-serif;
		padding: 5px 5px 5px 10px;
	}
	td {
		border-top: none!important;
	}
	/* Galleria-plugin CSS for mobile */
	.galleria-container {
		width: 100%!important;
	}
	#galleria {
	    border: 1px solid #dddddd;
	    height: 424px !important;
	    width: 100% !important;
	}
	.details-addthis-row {
		margin-left: -15px;
	}
	.details-buttonRow {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	.details-description-price {
		padding-top: 9px;
	}
	.button_shows_message_form {
		width: 100% ;
		margin-right: auto;
		margin-left: auto;
	}
	.otherAdsFromLicenseholder, .otherAdsFromCategory {
		margin-right: auto;
		margin-left: auto;
	}
	.content-right {
		padding-right: 0!important;
		overflow: hidden;
	}
	.ad-box-list-details{
		height: 176px!important;
	}
	.ad-box-list {
		height: auto!important;
	}
	.ad-box-list .list-previewimage {
	    height: auto;
		margin-bottom: 10px;
	    margin-left: auto;
	    margin-right: auto;
	    max-height: 120px!important;
	    max-width: 250px!important;
	    width: auto;
	}
	.ad-box-list-details img {
		border: 2px solid #cccccc!important;
	    height: auto;
		margin-bottom: 10px;
	    margin-left: auto;
	    margin-right: auto;
	    max-height: 120px;
	    max-width: 250px;
	    width: auto;
	}
	.ad-box-list-wishlist {
		width: 300px;
		margin-left: 14px;
		height: 345px!important;
	}
	.ad-box-list-wishlist .previewImageBox {
		max-width: 350px!important;
	}
	.ad-box-list-wishlist .ads-previewimage, .list-of-items .adsinlist_previewimage {
		max-height: 150px!important;
	    max-width: 370px!important;
	}
	.list-of-items .adsinlist_previewimage img {
		max-height: 150px!important;
		max-width: 270px!important;
	}
	.wishlist-button-delete {
		bottom: -305px!important;
	}
	.adCityRowDetails { /* Positioning of the city/location data of the item */
		position: absolute;
		bottom: -242px;
		left: 28px;
	}
	.adPriceRowDetails { /* Positioning of the price data of the item */
		position: absolute;
		bottom: -270px;
		left: 28px;
	}
	.wishlist-box-col .ad-box-list-wishlist .adsinlist_structure-data {
		height: 0px;
	}
	.adsinDetail_previewimage {
		min-height: 0px!important;
	}
	.detail-previewimage {
		max-width: 330px!important;
	}
	.items, .list-of-items {
		margin-left: 0!important;
	}

    .search-agent-send{
        width: 100%;
    }

    .navbar-collapse.collapse
    {
        display: none !important;
    }
    .nav > li {
        position: relative !important;
        display: block !important;
        float: none;
    }
    .navbar-header-top ul {
        margin-left: 15px !important;
    }
    .navbar-header-top {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-toggle
    {
        display: block;
        background: #ffffff;
        float: right;
        z-index: 99999;
    }
    .navbar-header
    {
        float: none;
        margin-bottom: 20px;
    }

    .big-header {
        display: none !important;
    }
}