/* Simple pulse animation for advertise CTA link (optional enhancement) */
.pulseAdCta { position: relative; display: inline-block; }
.pulseAdCta:after { content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(26,115,232,0.25); transform: translate(-50%, -50%); animation: pulseAd 2.4s ease-out infinite; }
@keyframes pulseAd { 0% { width: 0; height: 0; opacity: 0.7; } 60% { width: 160%; height: 300%; opacity: 0; } 100% { width: 160%; height: 300%; opacity: 0; } }
#scroller_container {
 position: relative;
 width: 500px;
 height: 20px;
 overflow: hidden;
}

/* Styles for the non-navigating Post button used in category toolbars */
.postActionBtn {
	display: inline-block;
	padding: 8px 14px;
	background: #6ab9ff;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 0 rgba(0,0,0,0.08);
	transition: transform 120ms ease, box-shadow 120ms ease, background 160ms ease;
}
.postActionBtn:hover { background: #1da0d9; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(35,172,244,0.12); }
.postActionBtn:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,0.12); }


#scroller {
 white-space: nowrap;
 font-size: 12px;
}

#scroller p {
 padding: 0;
}
* {
outline: none;
}
.input {
	font-family: century gothic, arial;
}
a {
color: #000;
text-decoration: none;
}
.blue {
color: #18a1ed;
}
a.blue:hover {
color: #18a1ed;
}
.white {
color: #fff;
}
a.white:hover {
color: #ccc;
}
a:hover {
color: #444;
text-decoration: none;
}
input {
	font-family: century gothic, arial;
}
h1 {
display: inline;
}
h2 {
display: inline;
}
h3 {
display: inline;
}
img { border: 0px; }
html,body{  
	margin: auto;  
	margin:0;  
	height: 100%; 
	padding:0 0 0 0;  
	background: #fff; 
	background-repeat: repeat-y;
	color: #111;   
	font-size: 12px;
	font-family: century gothic, arial;
}
#container {
	background: url(../img/whiteBack.png) #fff;
	background-position: 0px 230px; 
	background-repeat: repeat-x; 
	text-align: left;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	z-index: 0;
	margin: 0 0 -60px;
}
#topToolBar {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 25px;
	padding: 5px 15px 4px 15px;
	width: 110px;
	background: url(../img/menu.png) #18a1ed;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	font-size: 14px;
}
#topToolBar a {
	color: #fff;
}
#topToolBar a:hover {
	color: #ddd;
}
#flagBar {
	position: absolute;
	top: 50px;
	right: 0px;
}
#greenBar {
	background: url(../img/greenBar.png) #bff458 repeat-x;
	height: 39px;
	border: 1px solid #b9f24e;
}
#redBar {
	background: #ff7e30;
	color: #fff;
	height: 39px;
	border: 1px solid #ff9145;
}
#footer {
	height: 59px; 
	color: #000; 
	background: #222; 
	border-top: 1px solid #1d1d1d;
	width: 100%; 
	position: relative; 
	z-index:20;
	color: #fff;
}
#footer a {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}
#footer a:hover {
	color: #18a1ed;
	background: #191919;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
}
#footSpace {
	height: 100px;
}
#headColour {
	background: url(../img/blackBack.png) #111;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 230px;
	border-bottom: 2px solid #fff;
}
#head {
	color: #fff;
	position: relative;
	width: 950px;
	height: 180px;
}
#logo {
	position: absolute;
	top: 40px;
	left: 50px;
}
#symbol {
	position: absolute;
	top: 5px;
	left: -70px;
}
#menuBar {
	height: 40px;
	width: 950px;
	left: 0px;
	background: url(../img/menu.png) #18a1ed;
	position: absolute;
	top: 140px;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
}
#menu {
	position: absolute;
	left: 20px;
	top: -20px;
	width: 580px;
}
#menu a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	height: 24px;
	width: 105px;
	padding: 18px;
	text-align: center;
	background: url(../img/bigMenu.png) #0793e0;
	font-size: 16px;
	border-left: 1px solid #18a1ed;
}
#menu a:hover {
	background: url(../img/bigMenu2.png)  #089def;
	border-left: 1px solid #23b1ff;
}
#menu a.active {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	height: 24px;
	width: 105px;
	padding: 18px;
	text-align: center;
	background: #f0f0f0;
	color: #000;
	font-size: 16px;
	border-left: 1px solid #fff;
}
#menu a.active:hover {
	background: #eaeaea;
}
#menu a.left {
	border-left: none;
	-moz-border-radius:8px 0 0 0;
	-webkit-border-radius:8px 0 0 0;
}
#menu a.right {
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
}
#menu a.dropdown {
	background: none;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	height: 20px;
	width: 180px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size: 12px;
	text-align: left;
}
#menu a.dropdown:hover {
	background: #444;
}
#menu div.dropList {
	position: absolute;
	top: 60px; 
	background: #222; 
	width: 200px; 
	padding: 10px;
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-radius:0 0 12px 12px;
	opacity:.95;filter: alpha(opacity=95); -moz-opacity: 0.95;
	display: none;
}
#searchLoc {
	position: absolute;
	left: 605px;
	top: -23px;
}
.searchDrop {
	background: #111; 
	min-width: 150px; 
	text-align: left;
	padding: 10px;
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-radius:0 0 12px 12px;
	opacity:.95;filter: alpha(opacity=95); -moz-opacity: 0.95;
}
.searchDrop a {
	padding: 5px;
	display: block;
	color: #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.searchDrop a:hover {
	padding: 5px;
	color: #ccc;
	display: block;
	background: #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
input.search {
	border: none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding: 12px;
	width: 310px;
	color: #777;
}
input.price {
	border: 1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size: 11px;
	padding: 8px;
	width: 75px;
}
#content {
	width: 950px;
	position: relative;
	background: #f0f0f0;
	min-height: 400px;
	text-align: left;
	-moz-border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
}
.bubble {
	position: relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: #fff;
	padding: 20px;
}
.bubble2 {
	position: relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: #fff;
	padding: 20px;
}
.bubble2 a {
	color: #18a1ed;
}
#adTitle {
	background: #fafafa;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px;
	height: 55px;
}
#adTitleHead {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	height: 16px;
}
#adTitle:hover {
	background: #f5f5f5;
}
.adBlue:hover {
color: #18a1ed;
}
.adOrange:hover {
color: #ff7e00;
}
#bubbleLabel {
	position: absolute;
	top: 15px;
	left: 0px;
	padding: 5px 20px 5px 20px;
	width: 170px;
	color: #fff;
	font-size: 14px;	
}
#labelSpace {
	height: 45px;
}
#bubbleCount {
	position: absolute;
	top: -7px;
	right: 20px;
	padding: 2px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
	background: #222;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	width: 50px;
	height: 10px;
	font-size: 11px;	
}
.bubble li a {
	display: block;
	padding: 1px;
}
.bubble li a:hover {
	background: #eee;
	color: #000;
}
.chArea a {
color: #18a1ed;
text-decoration: none;
}
.chArea a:hover {
color: #000;
text-decoration: none;
}
textarea {
 font-family: century gothic, arial;
 color: #333;
}
a.webLink {
	color: #999;
}
a.webLink:hover {
	text-decoration: underline;
}
#shareBar {
	left: 340px;
	position: absolute;
	top: -38px;
}
.shareLink {
	
}
.shareLink:hover {
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}
.imgFrame {
	display: block;
	background: #eee;
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid #dedede;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/* Ad size helpers: ensure banners/images fit the intended ad blocks */
.tinyAd {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin: 0 auto;
}
.verticalAd {
	display: block;
	width: 180px;
	height: 500px;
	object-fit: cover;
	margin: 0 auto;
}
.bigAd {
	display: block;
	width: 400px;
	height: 250px;
	object-fit: cover;
	margin: 0 auto;
}
.adThumb {
	display: block;
	width: 55px;
	height: 55px;
	border: 1px solid #dedede;
}
.catHead {
	font-size: 16px;
	font-weight: 900;
	height: 28px;
}
.catOpt {
	padding: 5px;
	padding-left: 10px;
	width: 200px;
}
.catOpt:hover {
	border-radius:10px;
	background: #f3f3f3;
}
.catAct {
	padding: 5px;
	padding-left: 10px;
	border-radius:10px;
	border: 1px solid #18a1ed;
	background: #72bbfd;
	color: #fff;
	font-weight: 900;
}
.catAct:hover {
	padding: 5px;
	padding-left: 10px;
	border-radius:10px;
	border: 1px solid #18a1ed;
	background: #72bbfd;
	color: #fff;
	font-weight: 900;
}
.dent {
	float: left;
	width: 20px;
	height: 26px;
	display: none;
}
.tinyAd:hover {
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}

/* Buttons – modern, consistent styling */
.btn {
	display: inline-block; /* uniform for <input> and <a> */
	padding: 10px 16px;
	min-width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	border-radius: 6px;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
	vertical-align: middle;
}

/* normalize default submit/input appearance to match anchors */
input.btn,
button.btn {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid transparent;
}

/* ensure anchors inside forms don't inherit other link colors */
form .btn.btn-primary,
form .btn.btn-primary:hover,
form .btn.btn-primary:focus {
	color: #ffffff;
}

.btn:disabled,
.btn[disabled] {
	opacity: .6;
	cursor: not-allowed;
}

.btn-primary {
	background-color: #1e90ff; /* dodgerblue */
	border-color: #1e90ff;
	color: #ffffff;
}

.btn-primary:hover {
	background-color: #187bd6;
	border-color: #187bd6;
}

.btn-secondary {
	background-color: #f3f4f6; /* light gray */
	border-color: #cbd5e1; /* slate-300 */
	color: #0f172a; /* slate-900 */
}

.btn-secondary:hover {
	background-color: #e5e7eb;
	border-color: #94a3b8;
}

.btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(30, 144, 255, 0.25);
}

/* Inline button styles matching postadBody.php for consistency */
.btn-inline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	min-width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	border-radius: 6px;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.btn-inline:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(30,144,255,.25);
}

.btn-inline-primary {
	background-color: #1e90ff;
	border-color: #1e90ff;
	color: #fff;
}

.btn-inline-primary:hover {
	background-color: #187bd6;
	border-color: #187bd6;
}

.btn-inline-secondary {
	background-color: #f3f4f6;
	border-color: #cbd5e1;
	color: #0f172a;
}

.btn-inline-secondary:hover {
	background-color: #e5e7eb;
	border-color: #94a3b8;
}

/* Plain (outline) variant: no filled blue background */
.btn-inline-plain {
	background-color: #ffffff;
	border-color: #1e90ff;
	color: #1e90ff;
}
.btn-inline-plain:hover {
	background-color: #ffffff; /* keep white, no fill */
	color: #187bd6; /* slight color shift only */
	border-color: #187bd6; /* subtle emphasis */
}
/* Small size modifier */
.btn-inline-sm {
	padding: 6px 12px;
	min-width: 0;
	font-size: 12px;
	font-weight: 600;
}