/*
HT Frankfurt StyleSheet
*/

html, body{
	height: 100%;
	min-height:100%;
}

html{
	background-image:url(../images/brick.png);
	background-repeat:repeat;
	font-family: 'Titillium Web', sans-serif;
	line-height:1.4em;
	color:#302d2b;
}

body{
	margin:0;
	padding:0;
	border:0px none;
	border-collapse: collapse;
}

h1{
	font-size:16pt;
	margin:-10px 0 1em;
	font-weight:700;
	color:#4f648b;
}

h2{
	font-size:14pt;
	margin:0.6em 0 0.2em;
	font-weight:600;
	color:#4f648b;
}

h3{
	font-size:13pt;
	margin:0.2em 0 0.6em;
	color:#4f648b;
}

h4{
	font-size:12pt;
	margin:0.2em 0 0.6em;
	color:#4f648b;
}

h5{
	font-size:12pt;
	font-style:italic;
	margin:0.2em 0 0.6em;
}

#sidebar h2, #sidebar h4{
	padding-bottom: 0;
	margin: 5px 0 -2px 0;
}

#content p, #content li{
	font-size:12pt;
	line-height:1.5em;
}

#content p{
	margin:0.2em 0 1.1em;
}

#mainwrapper{
	display: table;
	height: 100%;
	max-height: 100%;
	margin: 0px auto 30px;
	max-width:960px;
	width: 100%;
	padding:0;
	border:0px none;
	border-collapse: collapse;
	-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
	/* background-color: #fff; */
	position:relative;
	background: url("../images/house.png") left bottom no-repeat #fff;
}

#innerwrapper{
	vertical-align: top;
	margin: -15px 0 0;
	padding:0px 40px 50px;
	width: 100%;
	max-width: 960px;
	max-height:100%;
	/* background-color:#fff; */
	max-width: 100%;
	max-height: 100%;
	position:relative;
	box-sizing:border-box;
}

#menubar{
	width:100%;
	height:65px;
	margin: 0;
	padding-top:20px;
	z-index:100;
	/* position:absolute; */
	overflow:visible;
	background-color:#4f648b;
	position:absolute;
}

#centerpiece{
	width: 100%;
	margin:0 auto;
	height:90px;
	text-align:right;
	background:url("../images/navback.png") no-repeat 15px 0%;
}

#logo{
	display:inline-block;
	vertical-align: bottom;
	float: left;
}

.logocont{
	margin: 0px -10px 0px 20px;
	padding: 9px 30px 12px;
	background-color: #FFF;
}

#navdiv{
	display:inline-table;
	height:100px;
	vertical-align: middle;
	overflow:hidden;
}

#nav{
	display:table-cell;
	overflow:hidden;
	padding-top:30px;
	margin-left:-40px;
}

a, a:visited{
	color:#4f648b;
	border:0px none;
}

#nav a:last-child{
	/* padding-right:20px!important; */
	/* margin-right:-80px!important; */
}

#nav{
padding-right: 20px;
}

#nav a {
	font-size:15px;
	color:#000;
	text-decoration:none;
	padding-top: 30px;
}

#nav a:hover{
background: url("../images/bulb.png") right top no-repeat;
}

#nav a+a:before{
	content:" | ";
	color:#fff;
}

#nav .current{
	font-weight:bold;
}

#imagebox img{
	width: 100%;
}

#content{
	margin-top:25px;
	display:table;
	width:100%;
}

#sidebar{
	vertical-align:top;
	width:220px;
	display:table-cell;
	padding-right:20px;
	box-shadow: 10px 0 6px -10px #999;
}

#sidebar p{
	line-height: 1.3em;
	margin: 0em 0px 0.8em;
}

#contact{
	margin-top:0px;
}

.news td{
	padding:10px 0 25px 0;
}

td{
	vertical-align:top;
}

#footer{
	background-color:#4f648b;
	display:table;
	width:100%;
	text-align:right;
	height:40px;
	margin-bottom:-40px;
	position:relative;
	top:-40px;
}

#footermenu{
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
	font-weight:bold;
}

#footermenu a{
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#nav a.current:hover{
	background:transparent!important;
	cursor:default;
}

#contactform, #newsposter{
	width:80%;
	padding:0px 16px 0 0;
	margin-left:0px;
	
}

.stylinput input, .stylinput textarea, .stylinput{
	margin:10px 0;
	padding:8px;
}

.stylinput textarea{
max-width:100%;
resize:vertical;
}

.fullwidth{
	width:100%;
}

#lsearch{
	height:40px;
	margin-bottom:-40px;
	position: relative;
	top: -37px;
	z-index: 100;
	float: right;
}

#footer a:hover{
	color:#fff;
}

.msg{
	display:none;
	margin:0px 0px 10px 0px;
	padding:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:10pt;
}

.error{
	background-color:#fdd;
	color:#f00;
	border:1px solid #f00;
}

.warn{
	background-color:#FF9;
	color:#aa0;
	border:1px solid #aa0;
}

.hint{
	background-color:#cfc;
	color:#0d0;
	border:1px solid #0d0;
}

#contactform .errormsg{
	margin:0px 16px 10px 0px;
	width:100%;
}

.hideme{
	line-height:0px;
	margin:0;
	padding:0;
	border:0px none;
	display:none;
	opacity:0;
}

.em3{
font-size: 13pt;
}

ul{
margin-left:0;
padding-left:0;
list-style:inside;
}

#lightcont{
	position:fixed;
	width:100%;
	height:100%;
	display:table;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.5);
	display:block;
	z-index:300;
}

#lightcent{
	display:table-cell;
	vertical-align:middle;
}

#lighttable{
	display:table;
	margin:auto;
	position:relative;
	left:0;
}

#lightframe{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 6px;
	border:10px solid white;
	display:block;
	background-color:white;
}

#lightclose{
	display:block;
	background-color:black;
	color:white;
	opacity:0.7;
	position:absolute;
	right:-12px;
	top:-12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:4px solid white;
	font-weight:900;
	font-size:12pt;
	padding:0px 7px;
	cursor:pointer;
	z-index:400;
}

#lightclose:hover{
	opacity:1;
}

#lightbox{
	position:relative;
	display: table;
}

#lightbottom{
	padding:10px;
	background-color:white;
}

#lightcounter{
	float:left;
	display:inline-block;
	font-weight:600;
	color:#888;
}

#lightprev, #lightnext{
	float:right;
	font-weight:900;
	display:inline-table;
	font-size:14pt;
	font-weight:bold;
	font-weight:900;
	font-weight:bolder;
	margin:-5px -12px -5px 0px;
	padding:5px;
	cursor:pointer;
	color:#888;
	display:block;
}

#lightprev:hover, #lightnext:hover{
	color:#333;
}

#lightprev{
	margin-right:0px;
}

.centme{
	color:#fff;
	font-weight:bold;
	font-weight:900;
	font-weight:bolder;
	position:relative;
	display:block;
	top:45%;
	font-size:32px;
	text-shadow:0 0 2px #666;
}

#lightimprev{
	display:table-cell;
	height:100%;
	padding:0 10px;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(255,255,255,0.2);
	opacity:0.1;
	cursor:pointer;
}

#lightimnext{
	display:table-cell;
	height:100%;
	padding:0 10px;
	position:absolute;
	right:0px;
	top:0;
	background-color:rgba(255,255,255,0.2);
	opacity:0.1;
	cursor:pointer;
}

#lightimprev p, #lightimnext p{
	height:100%;
	line-height:100%;
	font-weight:900;
	font-size:14pt;
	color:white;
	display:inline-block;
	vertical-align:middle
}

#lightimprev:hover, #lightimnext:hover{
	opacity:1;
}

#lightdesc{
display: table;
text-align: left;
position: relative;
width: 100%;
}

#lightcont, #lightcent{
	height:100%;
	max-height:100%;
}

#lighttable, #lightframe, #lightbox, #lightbox img{
}
#lightbox{
	display:block;
	text-align:center;
}

#lightbox img{
	max-height:70vh;
	margin:auto;
}

.hime{
	color:#4f648b;
}

.bold{
font-weight:600;
}

#maincontent ul>li{
	list-style:none;
	padding-left: 10px;
	text-indent: -10px;
}

#maincontent ul>li:before{
content:"•";
font-size:12pt;
color:#4f648b;
padding:0 5px 0 0;
}

.logocont{
background-color: #fff;
margin: -5px 0px 0px 46px;
padding: 13px 20px;
}

.logoimage{
background: url("../images/HT_logo.jpg") center center;
background-size:contain;
background-repeat:no-repeat;
width:300px;
height:72px;
}

#mobdet{
display:none;
}

.nobottom{
margin-bottom: 0;
}

#lsearch{
/*display:none;*/
}

.ebaylink a{
display: block;
}

.ebaypiclink{
margin: 10px auto 35px auto;
}

#sidebar .ebaypiclink img{
width: 100px;
}

#maincontent{
position:relative;
vertical-align:top;
padding: 10px 10px 20px 30px;
}

/* #maincontent:before{
position:absolute;
left:0;
top:0;
bottom:0;
height:100%;
display:block;
width: 10px;
box-shadow: -5px 0 5px -5px #999;
content:"";
} */

#topcont{
	padding-top:80px;
}

#footer a.current{
font-weight:normal!important;
}

p.inset{
	padding-left: 20px;
}

h2+p, h3+p{
	margin-top: 1em;
}

ol.listParentheses{
  counter-reset: list;
}

ol.listParentheses > li {
	list-style: none;
}

ol.listParentheses > li+li{
	margin-top: 1em;
}

ol.listParentheses > li:before {
	content: "(" counter(list, number) ") ";
	counter-increment: list;
	margin-right: 15px;
}

div.ad{
	background: rgba(255, 175, 0, 0.5);
	padding: 15px;
	margin: 10px 0;
	transition: all 0.5s;
}

div.ad:hover, div.ad.open{
	background: #ffeec8;
}

div.rollout .toggler{
	box-sizing: border-box;
	padding-right: 25px;
	cursor: pointer;
	position: relative;
}

div.rollout .toggler:after{
	content: "▼";
	position: absolute;
	right: 0;
}

.rollout.open .toggler:after{
	content: "▲";
}

div.rollout rollcont{
	padding: 10px 0;
}

.center{
	text-align: center;
}

.ptb{
	padding: 10px 0;
}

#content p.sh{
	font-weight: bold;
	margin-bottom: 0.5em;
}

p.sh + ul{
	margin-top:0.5em;
}

.hidden{
	display: none;
	visibility: hidden;
}

.sidenews{
/*	border: 1px solid #4f648b;*/
	border: 1px solid rgba(255, 175, 0, 0.5);
	margin: 10px 0;
	padding: 10px;
}

.sidenews h3{
/*	background: #4f648b;*/
	background: rgba(255, 175, 0, 0.5);
	margin: -10px -10px 10px;
	padding: 10px;
	display: block;
/*	color: #fff;*/
	color: #4f648b;
}