@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0; padding:0}

:focus{outline:0}

body{margin:0; padding:0; background:#fff;font-family:Arial}

a {color:#3399cc;}



#all {width:1026px;margin:5px auto 0px auto;}

#mid {background:url(images/mid.png) }

#midtop {background:url(images/mid_top.png) no-repeat }

#topbar {text-align:center}

#midbar {text-align:center}





#allcontent {width:970px;margin:0px auto 0px auto;}

#topbar {height:33px;background:url(images/top_bar.gif);text-align:left}

#topbar a {float:right;line-height:33px;font-family:Arial;font-size:12px;

            font-weight:bold;color:#fff;text-decoration:none;padding:0px 10px }

#topbar a:hover {text-decoration:underline}

#topbar a.left {float:none}



#top {
	height:101px;
	border-bottom:3px solid #dcbdb1;
	margin-bottom:8px
}

#topright {

	float:right;

	width:635px;

	height:101px

}

#topright_top {height:50px;}



#topright_bot {
	height:45px;
	border-top:7px solid #dcbdb1;
	border-left:1px solid #dcbdb1;
	border-right:1px solid #dcbdb1
}

#topright_bot ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

#topright_bot ul li {margin:0;padding:0;list-style-type:none;list-style-image:none;height:45px;float:left;border-right:1px solid #d1cdcd}

#topright_bot ul li a {
	display:block;
	line-height:15px;
	white-space:nowrap;
	padding:8px 16px 0px 17px;
	font-family:Arial;
	font-size:14px;
	color:#803e30;
	text-decoration:none;
	height:35px
}

#topright_bot ul li a:hover {
	background:#f7eec1
}



div.slidebox {height:265px;width:690px;float:left}

div.slidebox div.txt {

	padding:55px 10px 65px 300px;

}

div.slidebox div.txt h2 {line-height:20px;font-weight:normal;font-size:14px;color:#fff;letter-spacing:-1px}

div.slidebox div.txt h3 {font-weight:normal;line-height:28px;font-size:28px;color:#9999cc;letter-spacing:-1px}

div.slidebox div.txt h3 span {color:#fff}



div.thumbsbar {z-index:5000;height:65px;width:690px;position:absolute;margin-top:225px;}

div.thumbsbar a {border:1px solid #666;text-decoration:none;background:#fff;text-decoration:none;
                line-height:8px;padding:0px 2px}

div.thumbsbar a {float:right;margin:12px 12px 0px 0px}





div.newspanel {width:271px;float:right}

div.newspanel h2 {
	font-size:18px;
	color:#985040;
	padding:5px 0px 4px 8px;
	font-weight:normal
}

div.newspanel h2 a {
	font-size:12px;
	color:#f3a612;
	float:right;
	padding-right:20px;
	line-height:20px
}

div.newsline {

	font-size:12px;

	font-family:Arial;

	color:#666666;

	line-height:14px;

	padding:13px 6px 10px 6px;

	border-top:1px solid #d1cdcd;

}

#rcol div.newsline {

	padding:15px 15px 10px 15px;

}

div.newsline h3 {
	font-size:14px;
	color:#985040;
	line-height:16px;
	margin-bottom: 4px;
}



div.newsline a {color:#666666}



div.hpane {width:166px;float:left;margin-right:9px;background:url(images/hpan_top.gif) no-repeat;padding-top:15px;margin-top:8px}





div.hpane h2  {
	letter-spacing:-1px;
	padding:12px 6px 5px 9px;
	margin:0 0 5px 0;
	border-bottom:1px solid #b55742;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	color:#985040;
	line-height:18px;
}

div.hpane h2 a {
	text-decoration: inherit;
	color: #985040;
}

div.hpane h2 a:hover {

	text-decoration: inherit;

	color: #9999cc;

}

div.hpane h2 strong {display:block;}

div.hpane ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

div.hpane ul li {

	color:#2f2f2f;

	line-height:13px;

	padding:2px 4px 2px 16px;

	background:url(images/hpan_bullet.gif) 5px 5px no-repeat;

	font-size:12px

}

div.hpane ul li a {
	color:#985040;
	text-decoration:none
}

div.hpane ul li a:hover {color:#2f2f2f;text-decoration:underline}



div.hlast {margin-right:0px}











div.clr {clear:both;line-height:1px;height:1px;}

#footermnu {margin-top:33px;clear:both;background:#2f2f2f url(images/bgr_foot.gif) no-repeat;width: 970px;

            min-height: 131px;}

#footermnu .left {width:400px;float:left}

#footermnu .right {width:375px;float:right}



#footermnu ul {

	margin:0;

	padding:0;

	list-style-type:none;

	list-style-image:none;

	margin-top:10px

}

#footermnu ul li {

	font-size:12px;

	line-height:14px;

	padding:4px 0px;

	float:left;

}

#footermnu ul li span {color:#fff}



#footermnu .right li {
	width:180px;
	color:#ffffff;
	padding:2px 0px 4px 0px
}



#footermnu .left  ul {margin-left:17px}

#footermnu .left  ul li {

	width:145px;

	padding-left:12px;

	background:url(images/foot_bullet.gif) 5px 5px no-repeat;

	background-position: 0px 8px;

}

#footermnu .left  ul li a {
	color:#FFFFFF;
	text-decoration:none
}

#footermnu .left  ul li a:hover {text-decoration:underline}



div.hrpane {border:1px solid #cecece;margin-bottom:7px}

div.hrpane div.casestudy {
	background:#fbf4d1;
	padding:6px 17px;
	padding-bottom:14px;
	font-size:11px;
	line-height:14px;
	color:#985040;
	margin-top:2px
}

div.hrpane div.casestudy img {float:right;border:0}

div.hrpane div.casestudy h3 {
	color:http
://www.smtp9.com/;	font-size:14px;
	line-height:16px;
	padding:9px 0px;
	margin:0
}

div.hrpane div.casestudy p {margin-bottom:4px}

div.hrpane h2 {
	text-align:left;
	font-size:18px;
	color:#985040;
	font-weight:normal;
	background:url(images/bgr_panhead.gif) repeat-x;
	line-height:37px;
	height:37px;
	padding-left:17px
}



#underfootermnu {line-height:20px;font-size:10px;color:#969292;}

#underfootermnu a {font-size:10px;color:#969292;text-decoration:underline;padding:0px 10px }

#underfootermnu a:hover {text-decoration:none}



#breadcrumbs {
	border-bottom:1px solid #dcbdb1;
	font:normal 11px/11px Arial;
	padding-bottom:8px;
	padding-left:15px;
	color:#cc9884
}

#breadcrumbs strong{

	font-weight: normal;

	color:#837f7f;

}

#breadcrumbs a{
	font-weight: normal;
	font:normal 11px/11px Arial;
	color:#cc9884;
}

              

#breadcrumbs a.ico {
	line-height:15px;
	padding-left:17px;
	float:right;
	margin-right:10px;
	color:#cc9884;
	font-size:10px;
	text-decoration:none
}

#breadcrumbs a.email {background:url(images/ico_email.gif) no-repeat}

#breadcrumbs a.bookmark {background:url(images/ico_bookmark.gif) no-repeat}

#breadcrumbs a.print {background:url(images/ico_print.gif) no-repeat}



#rcol {width:273px;float:right;margin-top:8px}

#lcol {width:166px;margin-left:15px;margin-right:20px;float:left;background:url(images/lcol_pan_top.gif) 0px 0px no-repeat;

      margin-top:15px}

#lcol h2 {
	letter-spacing:-1px;
	padding:18px 0px 8px 1px;
	margin:0 0 2px 0;
	border-bottom:1px solid #985040;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	color:#985040;
	line-height:18px;
}

#lcol h2 strong {display:block;}

#lcol ul {margin:0;padding:0;list-style-type:none;list-style-image:none}

#lcol ul li {
	color:#2f2f2f;
	line-height:14px;
	padding:6px 4px 6px 14px;
	background:url(images/hpan_bullet.gif) 3px 9px no-repeat;
	font-size:12px;
	border-bottom:1px solid #d99f92
}

#lcol ul li:hover{

	background-color:#f7f5f5

}

#lcol ul li.selected {
	background:url(images/hpan_bullet2.gif) 3px 9px no-repeat;
	background-color:#f7eec1
}

#lcol ul li a {
	color:#985040;
	text-decoration:none
}

#lcol ul li.sub {padding-left:25px;background-position:12px 8px}

#lcol ul li.sub.selected {background:url(images/hpan_bullet.gif) 12px 8px no-repeat; background-color:#f7f5f5}







#lcol h2.downloads {color:#a9a3a3;font:bold 18px Arial;border-bottom:0}

#lcol div.downloads {border:1px solid #bbb9b9;padding:10px}

#lcol div.downloads li { background:url(images/ico_download.gif) 0px 5px no-repeat;padding-left:20px;border:0;}

#lcol div.downloads li a {color:#666666}



#mcol {width:470px; float:left;margin-top:20px;font:normal 12px/16px Arial ; color:#2f2f2f;

      }

#mcol p {

	font:normal 12px/16px Arial;

	color:#2f2f2f;

	padding-left: 15px;

	padding-top: 15px;

}

#mcol h2 {
	font:normal 14px/20px Arial;
	color:#592d24;
	padding-left: 15px;
}



#mcol h3 {
	font:normal 16px/19px Arial;
	color:#683226;
	padding-left: 15px;
	padding-top: 15px;
}

#mcol h1 {
	font:normal 24px/22px Arial;
	color:#683226;
	padding-left: 15px;
	padding-bottom: 10px;
}

.imageleft{

	float: left;

	margin-right: 20px;

	margin-bottom: 10px;

}



/* Add this at the bottom or within a suitable section */
.cookie-popup {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background-color: #333;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  display: none;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

.cookie-popup p {
  margin: 0;
  flex: 1;
}

.cookie-popup button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
}

.cookie-popup button:hover {
  background-color: #45a049;
}