@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Palanquin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

.navtop { height:10px; width:156px; background-image:url(../artwork/top.jpg) }
body { background-image:none !important; background-color:#FFF !important; font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif, 'Quicksand', sans-serif !important; font-size:12px; }
li, ol, h1, .xp, .xpnum, input, select, option, textarea, button {font-family: 'Inter', 'Roboto', 'Segoe UI', sans-serif, 'Quicksand', sans-serif !important;}
h1 { font-weight: 100 !important; }
.homebox { background-color:#393; color:#FFF !important; height:25px; background-color: #2e7d32; }
.homebox:hover { background-color:#900; }
.homebox .subhead { font-size:20px; margin-bottom:0px; text-align:center; border:0px none; }
.homebox .subhead a { color:#FFF; font-weight: 100; text-decoration: none; }
a { color:#393; color: var(--freshBlue2); }

td { font-size: 12px; }
a:hover { text-decoration: underline; }
div { position:relative; }
img { border:0px none; }
#header {
	position:relative;
	text-align:center;
	background-image: url(../images/layout/header-back.jpg);
}
#navigation { float:left; width:170px; margin-right:5px; background-image:url(../images/layout/nav-back.gif); background-repeat:no-repeat;}
#navigation a { color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	display:block;
	margin-left:5px; margin-right:5px;
}
#pagearea { width:940px; text-align:left;}
#bodytext {
	float:left;
	width:750px;
	overflow: visible;
	height:350px;
	min-height:350px;
	padding-top: 5px;
}
div[class] #bodytext { height:auto; position:relative; }
#catchline { clear:both;position:relative; width:900px; background-image:url(../images/layout/footer.gif); height:35px; background-repeat:no-repeat; font-size:12px; color:#999999; background-color:#000000;}
#footer {text-align:center; position:relative; top:30px;}
#footer a {color:#999999;}
.boxhead { position:relative; background: scroll #000000 url(../images/layout/box-htl.gif) top left no-repeat;}
.boxheader { position:relative; padding:7px;  background: scroll url(../images/layout/box-htr.gif) top right no-repeat; font-size:14px; color:#FFFFFF; }
.boxbody {
	position:relative;
	background: scroll #222222 url(../images/layout/box-bl.gif) bottom left no-repeat;
	margin-bottom: 10px;
}
.boxbodytext { position:relative; padding:7px; height:auto; background: scroll url(../images/layout/box-br.gif) bottom right no-repeat;}

.div-divider { position:relative; height:1px; border-top:1px dotted #666666; margin-top:5px; margin-bottom:5px; } 

.table-ruled td, .table-ruled-11 td { padding:2px; border-bottom:1px solid #666666;}
.table-ruled-11 td { font-size:11px; }

.newswrapper { padding-bottom:5px; border-bottom: 1px dotted #666666; margin-bottom:5px; }
.scrolldiv, .divlist { height:180px; overflow-y:auto;  }

.divlist { height:auto;}
.divlist div.newswrapper { padding-bottom:3px; margin-bottom:3px; }
.tdruled1 {
	color: #000000;
	background-color: #FFFFCC;
	padding: 3px;
	border: 1px solid #999999;
}
.tdruled2 {
	color: #000000;
	background-color: #FFFFE6;
	padding: 3px;
	border: 1px solid #999999;
}
.border1px { border:1px solid #000000;}


.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.grey { color:#999; }

.table-body {
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 0px 4px 4px;
	background-color: #FFFFFF;

}
.td-quote {
	padding: 4px;

}
.td-quote-header {
	padding: 4px;
	font-size: 14px;
	font-weight: bold;

}
h1, .h1 {
	font-size: 22px;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 100;
}
h2, .h2 {
	font-size: 16px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.h2-inline {
	font-size: 18px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;

}
.xp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #B4B4B4;
	background-color: #EAEAEA;
}
.ruled-header {
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #990000;
	width: 100%;
}
h3 {
	font-size: 16px;
	font-weight: bold;

}
.h3-inline {

	font-size: 16px;
	font-weight: bold;
}
.h4-inline {


	font-size: 14px;
}
.easyspace { line-height:150%; }
.easyspace p { font-size:12px; }
.easyspace li { font-size:14px; margin-bottom:15px; }
.highlight {
	color: #990000;
}
.highlight-ruled {
	color: #990000;
	width: 100%;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: #CCCCCC;
}
.main-bgcol {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/layout/main-back.gif);
}
.navbutt {
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(../images/layout/nav-butt.jpg);
	padding: 3px 3px 3px 18px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}
.navback {
	background-image: url(../images/layout/right-back.gif);
	background-repeat: repeat-y;
}
.tab {
	background-image: url(../images/layout/tabtop.gif);
}
a.nav:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.main-bgcol-back {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/layout/main-back.gif);
	padding-left: 10px;
}
.rightpad10 {
	margin-right: 10px;
}
.newsdate {
	font-size: 11px;
	color: #999999;
}
.tbheader {

	color: #FFFFFF;
	background-color: #666666;
	background-image: url(../images/layout/nav-butt.jpg);
	padding: 3px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}
.tbheader a, .tbheader a:hover {color:#FFFFFF}

.td-ruled {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.td-ruled-left {
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.td-ruled-right {
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px #CCCCCC;
}
.tabactive {
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-left-color: #CCCCCC;
}
.tabinactive {
	font-weight: bold;
	background-color: #DFDFDF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.tabpage {
	background-color: #FFFFFF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.tabrightactive {

	font-weight: bold;
	background-color: #FFFFFF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tabrightinactive {

	font-weight: bold;
	background-color: #DFDFDF;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.leftpad10 {
	margin-left: 10px;
}
.ruled-table td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 12px;
}
.defence-td {
	background-color: #212121;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.defence-td2 {
	background-color: #626262;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #FFFFFF;
	vertical-align: top;
}
.xpclear {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 0px none #333333;
	background-color: #333333;
}
form {
	margin: 0px;
}
/* slideshow styles */
.slideshow { float:right; margin-left:25px; margin-bottom:20px; text-align:right; }
.slideshowg { width:670px; text-align:center; background-position: center top; background-repeat:no-repeat; }
#gallerybox { margin:0px 10px 0px 0px; float:left; width:670px; }
.navarrows { width:38px; height:30px; vertical-align:bottom; margin:5px; border:0px none; }

/* products */
.prodbox td {
	padding:3px;
	border-bottom: 1px dotted #666666;
	color: #CCCCCC;
}
.product, .producthigh {
	position:relative;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	float:left; margin-right:10px; margin-bottom:10px;
}
.producthigh { background-color:#5D0504; }

.productinfo { width:400px; margin-right:15px; }
.productinfotext { float:right; width:300px; text-align:left; margin-left:5px; top:1px; }
.productinfo .newswrapper { text-align:right; }

.prodthumb {
	overflow: hidden;
	height: 90px;
	width: 100px;
	text-align: center;
	vertical-align:middle; background-color:#CCCCCC;
}
.prodtxt {
	float:right; width:140px;
	overflow:hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	height:86px;
}

.prodnum { float:right; width:210px; margin-top:-18px; background-color:#999999; padding:2px; color:#FFFFFF;}
.prodnum a { color:#FFFFFF; }
.calheader { color:#000000; }