/* Add here all your css styles (customizations) */

@media (min-width: 992px) {
	.leftoption {
	  display:block;
	}
	.rightoption {
	  display:none;
	}
}

@media (max-width: 991px) {
	.leftoption {
	  display:none;
	}
	.rightoption {
	  display:block;
	}
}

.panel-body {
	padding:0px;
}

.form-group {
	margin-bottom: 10px;
}

.breadcrumbs {
	margin: 0px;
	padding:0px;
}

.breadcrumb {
	padding:8px 0px 4px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;

}

.content {
	padding-top: 20px;
}

div.container.content {
	padding-top: 30px;
}


p span {
	font-size: 0.85em;
	color:#999;
}

.headline {
	margin-top: 0px;
}

.tag-box {
	padding:10px 20px;
}

blockquote {
	font-style: italic;
}

/*from old site*/

#simplemodal-overlay {background-color:#000; cursor:wait;}
#statusMessagePopup {background-color:#ffffff;border:solid 2px #666666;font-size: 0.9em; padding: 10px 30px 30px 30px;width: 100%; max-width:564px}
#statusMessagePopup fieldset { border: none; margin: 0;}
#statusMessagePopup textarea {width: 100%;max-width: 480px; height: 80px;font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; }
#statusMessagePopup span.watermark_container { margin: 8px 0 0 0; font-size: 0.9em; }
#statusMessagePopup span.status-message { font-size: 1em; padding-bottom:8px; }
#close-dialog { position: absolute; right: -9px; top: -9px; }

/* JOIN FORM */

div.join h3,
div.join p
{
	margin-left: 186px;
	margin-right: 1.6em;
}

div.join label
{
	display: inline-block;
	width: 170px;
	padding-left: 1em;
	vertical-align: top;
	text-align: right;
	padding-top: 0.2em;
}

div.join textarea.txtbox
{
	width: 300px;
}

div.join textarea.addr
{
	height: 40px;
}

div.join div.tel label.inline
{
	display: inline-block;
	width: 70px;
	padding-left: 0;
}

div.join div.btn
{
	margin-left: 186px;
}


body.edit div.magazine-news,
body.edit div.tag-box{
    display: none;

}

img.header-banner{
    width:1000px;
}


@media (min-width: 768px) {
    .dl-horizontal.profile-privacy dt {
        width: 270px;
    }

    .dl-horizontal.profile-privacy dd {
        margin-left: 280px
    }
}

input[type="file"] {
    margin-bottom: 15px;
}


.profile .profile-body,
.search-results .search-results-body,
.listings .listings-body {
  padding: 20px;
  background: #f2f2f2;
}

.search-results .search-result,
.listings .listings-item{
  background: #fff;
  position: relative;
  padding: 15px 10px 15px 15px;
    margin-bottom: 20px;
}

h2.underlined-heading {
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f7f7;
}


img.classified-photo {
    width: 100%;
}

/* Pages in this section alterations */

.dl-horizontal dt {
	width: 120px;
	float:left;
}

.dl-horizontal dd {
	margin-left:140px;
}

.dl-horizontal dd a {
	font-weight:700;
}

/* Form Tweaks */

hr {
	margin: 20px 0px;
	border-top: 1px solid #ddd;
}

/* Main styling tweaks */

.content div.col-md-6 {
	border-left:1px solid #eee;
	border-right: 1px solid #eee;
}

.magazine-news div.col-md-6 {
	border-left:none;
	border-right: none;
}

.headline {
	border-bottom: 1px dotted #ddd;
}

div.magazine-news div.row {
	margin-bottom:20px;
}

div.pagebox {
border: solid 1px #dddddd;
padding: 0.8em 1.6em 0.8em 1.6em;
background-color: #f8f8f8;
margin-bottom: 20px;
}

/* Control Panel Menu */

div.controlpanel {
background-color: #b2e6f8;
}

div.controlpanel div.col-md-3 {
margin-top:12px;
}

div.controlpanel .navbar-nav .dropdown > a:after {
top: 15px;
right: 3px;
content: "\f107";
}

div.controlpanel .navbar-nav>li>a {
	font-weight:bold;
}

@media (max-width:992px) {
   .content div.col-md-6 {
	border-left:none;
	border-right: none;
}
}

div.next {
	display:none;
}

.label {
	padding: .6em .6em .4em;
}

.secnav-more a {
	background-color:#3071a9;
    display: inline;
    padding: .6em .6em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px !important;
}

img.leftnokey {
border: none;
float: left;
margin-right: 1.2em;
}

img.leftkey {
border: solid 1px #7c8eb9;
float: left;
margin-right: 1.2em;
}

img.rightnokey {
border: none;
float: right;
margin-left: 1.2em;
}

img.rightkey {
border: solid 1px #7c8eb9;
float: right;
margin-left: 1.2em;
}


/* SALE ITEMS STYLING */

div.saleitems
{
	border-top: solid 1px #d5d5d5;
	padding: 1em 0 1em 0;
}

div.saleitems h2,
div.saleitems p
{
	margin: 0;
}

div.saleitems strong
{
	color: #1d2a82;
}

div.saleitems span.price
{
	font-size: 1.4em;
	font-weight: bold;
	color: #c30000;
}

div.saleitems fieldset
{
	border: none;
	margin: 0;
	padding: 1em 0 0 0;
}
div.saleitems fieldset label
{
	font-weight: bold;
	color: #1d2a82;
}

div.saleitems fieldset input.imgbtn
{
	vertical-align: middle;
	margin-left: 1em;
}	



/* SHOPPING BASKET STYLING */

div.basket table th
{
	background-color: #f3f6ff;
	border-top: solid 1px #7c8db9;
	border-bottom: solid 1px #7c8db9;
	color: #1d2a82;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.6em;
}

div.basket table td
{
	padding: 0.6em;
	border-bottom: solid 1px #dddddd;
}

div.basket table td.img
{
	padding: 0.6em 0 0.6em 0;
}

div.basket table td.img img
{
	border: solid 1px #1d2a82;
}

div.basketitem strong
{
	color: #1d2a82;
}

div.basketitem span.subtitle
{
	color: #666666;
}

div.basketitem span.links
{
	font-weight: bold;
	color: #666666;
}

div.basketitem span.links a
{
	color: #666666;
}

div.basket table tr.total td
{
	border-bottom: none;
	border-top:  double #dddddd;
}

div.basket table tr td img.paypal
{
	border: none;
	vertical-align: middle;
}

td.right, th.right {
    text-align: right;
}

/* Menu Tweaks for smaller screens */

@media (max-width:1199px) {
	
.header-v4 .navbar-default .navbar-nav > li > a {
	font-size: 12px;
	padding: 8px 22px 9px 6px;
}
}

/* Logo spacing tweak */

@media (max-width:991px) {
	
.header-v4 .navbar-brand {
margin: 0px 0px 20px;
}
}

.footer-v1 .footer .map-img {
background: url(../img/map-img.png) 5px 35px no-repeat;
}

/* Search Results Styling */

div.secnav ul {
	list-style: none;
	padding: 0px;
}

div.secnav ul li {
	margin-bottom: 30px;
}

div.secnav img {
	float:left;
	margin: 0px 12px 12px 0px;
	padding: 2px;
margin-top: 2px; 
border: solid 1px #ddd;
}

div.secnav a:hover img {
border: solid 1px #00aeef;
}

.btn-search {
      font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 22px;
}

.footer-logo {
	margin: 0px 0 20px;
}

ul.status-messages {
		list-style: none;
	padding: 0px;
}

ul.status-messages li {
	padding:10px 0px 10px 40px;
background: url(../img/comment.png);
background-size: 30px auto;
background-position: 0px 14px;
background-repeat: no-repeat;
}

span.status-message {
	font-size:1.2em;
}

ul.status-messages li p.date a, ul.status-messages li p.date {
	color: #999;
}

ul.status-messages li p.date a:hover {
	color: #00aeef;
}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.clear {
	clear:both;
}

div.cms fieldset p {
	margin-top:20px;
}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
	height:24px !important;
}

.stButton .stButton_gradient {
	height:22px !important;
}

div.share {
	margin-top:20px;
	padding-top:20px;
	border-top: 1px solid #ddd;
}


div.blog-twitter-inner a {
	font-weight:bold;
}


div.blog-twitter-inner a:hover span {
	color:#00aeef;
}

div.blog-twitter-inner a span {
	color:#999;
	font-weight:normal;
}

#ddlQty {
	position:relative;
	top:-2px;
}

.section-spnsr {
     text-align: center;
	 color: #555;
	 font-size:12px;
}

.section-spnsr img {
     margin-top:10px;
}

.search-result img {
 width:80px;
 padding:0px !important;
 border:none !important;

}

.search-result div.col-md-1 {
	padding-right:0px
}

.search-result div.col-md-2 {
	padding-right:0px;
	padding-left:0px;
}

.profile-bio img {
	width:125px;
}

.profile-bio div.col-md-4 {
	padding-right:0px;
}

.scroll-note {
    font-size: 1.2rem;
    color: #aaa
}

@media (max-width:992px) {
    .search-result img {
 width:73px;
}

.search-result div.col-md-2 {
	padding-right:15px;
	padding-left:15px;
}

.profile-bio img {
	width:125px;
}
}

.errorlist li {

    color: #b94a48;
}


.navbar-collapse {
    max-height: none;
}

.ad-description {
    white-space: pre-wrap;
}

.location-search .location-place {
    display: none;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand img {
    max-width: 220px;
}
/* New Phase 6 CSS */

.search-bar {
    padding: 15px 20px 10px 20px;
    border-left: solid 2px #00aeef;
    background-color: #d9f5ff;
    background-image: url(../img/question-bg2.png);
    background-repeat: no-repeat;
    background-size: 140px 140px;
    background-position: 10px center;
}

    .search-bar h2 span {
        font-size: 0.7em;
    }

    .search-bar h2 {
        color: #1c3f95;
        border-bottom: none;
        line-height: 1em;
    }

    .search-bar h3 {
        color: #1c3f95;
        border-bottom: none;
        line-height: 1.2em;
    }

    .search-bar .headline {
        border-bottom: none;
    }

    .search-bar .headline-md {
        margin-bottom: 10px;
    }


/*BEGIN we're on bootstrap 3, we need some bootstrap 4 styles to make the new top search bar behave*/

.aligned-row {
    display: flex;
    flex-flow: row wrap;
}
.aligned-row:before, .aligned-row:after {
        display: block;
}


.mt-auto {
    margin-top: auto !important;
}
.w-100 {
    width: 100% !important;
}

.search-bar .col-md-4, .search-bar .col-md-2 {
    width: 100%;
}

@media (min-width: 992px) {
    .search-bar .col-md-2 {
        width: 16.666666666666664%;
    }

    .search-bar .col-md-4 {
        width: 33.33333333333333%;
    }

}

/*END we're on bootstrap 3, we need some bootstrap 4 styles to make the new top search bar behave*/

.profile-photo img {
    width: 100%;
}

img.icon {
    width: 28px;
    margin: 4px 8px 4px 0px;
}

.profile-social-label {
    display: block;
    background-position-x: 0;
    background-position-y: 0;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 33px;
    padding-bottom: 10px;

}

.profile-social-label-facebook {
    background-image: url(../img/icons/social/profile-facebook.png);
}
.profile-social-label-instagram {
    background-image: url(../img/icons/social/profile-instagram.png);
}
.profile-social-label-linkedin {
    background-image: url(../img/icons/social/profile-linkedin.png);
}
.profile-social-label-vimeo {
    background-image: url(../img/icons/social/profile-vimeo.png);
}
.profile-social-label-youtube {
    background-image: url(../img/icons/social/profile-youtube.png);
}

.search-result a {
    color: unset !important;
}
    .search-result a:hover {
        text-decoration: none;
    }

    .search-result-number {
        font-size: 1.8em;
        font-weight: 700;
        color: #ddd;
        vertical-align: top;
    }

img.search-result-thumbnail {
    width:95px;
    float: right;
}

.d-inline-block {

    display: inline-block !important;
} 

.mb-0 {
    margin-bottom: 0 !important;
}

section.skyform-with-underslung-note section {
    margin-bottom: 2px;
}

.sky-form .select select {
    -moz-appearance: auto;
    -webkit-appearance: auto;
    appearance: auto;
}