html, body {height:100%;}


.rev {
display:none;
color:#00FF00;
}

body {
margin:0;
padding:0;
font-family: arial, sans-serif;
font-size:14pt;
color:#555555;
background-color: #FFFFFF;
}


#cookie_ctrl {
position:absolute;
width:100%;
background-color:#000000;
text-align:left;
display:none;	
z-index:99;
}

#cookie_stmt {
float:left;
margin-left:200px;
height:100px;
}

#cookie_stmt p, #cookie_stmt a {
color:#FFFFFF;
}

#cookie_actn {
float:left;
text-align:left;
margin-left:100px;
height:30px;
line-height:30px;
margin-top:35px;
}



.container {
width: 940px;
margin-left:auto;
margin-right:auto;
}

.pagemain730 {
float: left;
width: 730px;
}

.pagemain940 {
float: left;
width: 940px;
}


p {
font-family: 'Locorum Regular', sans-serif;
font-size:12pt;
color:#555555;
  
}
h1 {
font-family: 'Locorum Regular', sans-serif;
font-size: 24pt;
color: #555555;
}

h2 {
font-family: 'Locorum Regular', sans-serif;
font-size: 20pt;
color: #555555;
}

h3 {
font-family: 'Locorum Regular', sans-serif;
font-size: 16pt;
font-weight: bold;
color: #555555;
}

h4 {
font-family: 'Locorum Regular', sans-serif;
font-size: 14pt;
color: #555555;
}

.fs07e {font-size:0.7em;}
.fs08e {font-size:0.8em;}
.fs12e {font-size:1.2em;}
.fs15e {font-size:1.5em;}

.fwb {font-weight:bold;}

.w100 {width:100px;}
.w120 {width:120px;}
.w150 {width:150px;}
.w100p {width:100%;}


.fl {float:left;}
.fr {float:right;}

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.c5 {color:#555555;}
.cred {color:#FF0000;}

.bgcf {background-color:#FFFFFF;}

.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}

.pl25 {padding-left:25px;}
.pr25 {padding-right:25px;}

.b1a {border:1px solid #AAAAAA;}
.bt1a {border-top:1px solid #AAAAAA;}
.bl1a {border-left:1px solid #AAAAAA;} 
.br1a {border-right:1px solid #AAAAAA;}
.bb1a {border-bottom:1px solid #AAAAAA;} 

.b1f {border:1px solid #FFFFFF;}
.bt1f {border-top:1px solid #FFFFFF;}
.bl1f {border-left:1px solid #FFFFFF;} 
.br1f {border-right:1px solid #FFFFFF;}
.bb1f {border-bottom:1px solid #FFFFFF;} 
.bb1r {border-bottom:1px solid #FF0000;} 

.ffinp12 {
font-family: 'Locorum Regular', sans-serif;
font-size: 12pt;
}


input[type=submit] {
cursor:pointer;    
}

input[type=button] {
cursor:pointer;    
}

.ffinp10 {
font-family: 'Locorum Regular', sans-serif;
font-size: 10pt;
}

input.stddat10 {font-size:10pt;}
input.stddat12 {font-size:12pt;}
input.stddat14 {font-size:14pt;}
input.stddat16 {font-size:16pt;}

textarea {
font-family:inherit;
resize:none;
}

textarea.stddat10 {font-size:10pt;}
textarea.stddat12 {font-size:12pt;}
textarea.stddat14 {font-size:14pt;}

.posrel {position:relative;}
.posabs {position:absolute;}

.w30 {width:30px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w898 {width:898px;}
.w900 {width:900px;}
.w918 {width:918px;}

.h50  {height:50px;}
.h150 {height:150px;}
.h250 {height:250px;}
.h500 {height:500px;}

.p5 {padding:5px;}

.mlaut {margin-left:auto;}
.mraut {margin-right:auto;}
.ml0 {margin-left:0px;}
.ml10 {margin-left:10px;}
.ml-10 {margin-left:-10px;}
.ml-20 {margin-left:-20px;}
.ml20 {margin-left:20px;}
.ml-200 {margin-left:-200px;} 

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr70 {margin-right:70px;}
.mr190 {margin-right:190px;}


.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt-10 {margin-top:-10px;}

.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt20 {margin-top:20px;}

.mt1p {margin-top:1%;}
.mt2p {margin-top:2%;}
.mt3p {margin-top:3%;}
.mt4p {margin-top:4%;}
.mt5p {margin-top:5%;}

.p2 {padding:2px;}
.p10 {padding:10px;}

.stdbdr {border:1px solid #CCCCCC;}
.redbdr {border:2px solid #FF0000;}
.whtbdr {border:2px solid #FFFFFF;}

.cwht {color:#FFFFFF;}

.z11 {z-index:11}


ul {
list-style: none;    
}


/* header 1 */
.hdrlogo {
float:left;
margin-top: 13px;
width:150px;
}

.hdrsearch {
float:right;
margin-top:28px;
width:574px;
height:30px;
border: 3px solid #567482;    
background-color:#FFFFFF;
}

.hdrsearch a {
color:#555555;
text-decoration: underline;
cursor:pointer;
}

.hdrnav {
float:right;
width:580px;
height:36px;
/* background-color:#AAFFAA; */
}

.srchxinp {
float: left;
}

input.srchinp {
width: 145px;
height:38px;
margin-left:10px;
border: 0 none;
}
.srchwrap {
width: 200px;
height:40px;
margin-left:50px;
background-color:#FFFFFF;
}

.srchtarg {
float: right;    
}

.xxx {
float: right;    
}

#srchbut {
width: 160px;
height: 30px;
background-image: url('images/general/srchbut.png');
border: 0;
}

#message {
position: absolute;
width: 800px;
margin-top: 100px;
margin-left: 60px;
margin-right: 60px;
color: #FF0000;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
background-color: #FFFFFF;
border: 2px solid #FF0000;
display: none;
}

#advmessage {
position: absolute;
width: 540px;
margin-top: 12px;
margin-left: -600px;
color: #FF0000;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
background-color: #FFFFFF;
border: 2px solid #FF0000;
display: none;
}

/* header 2 */
#header2 {
width: 100%;
margin-top: 20px;
background-color: #E5E5E5;
}

.searchdiv2 {
float: right;
width: 300px;
height: 120px;
color: #FFFFFF;
/*background-color:#58A2D1;*/
}

#browseholder {
position:absolute;
/*height:400px;*/
width:300px;
background-color:#58A2D1;
}

div.srchbox {
position: absolute;
width: 300px;
height: 280px;
background-color:#58a2d1;
/*border:0px solid #E5E5E5;*/
z-index: 15;
margin-top: -3px;
margin-left:3px;
/*margin-left: auto;
margin-right: auto; */
border: 0px solid #567482;
display: none;
/* overflow: auto */
}

.srch2bkgb {
background-color: #567482;    
}

.srch2bkgc {
background-color: #58A2D1;    
}

.srch2hdrb {
background-color: #A6CE39;
}

.srch2hdrc {
background-color: #567482;    
}

.srch2hdr {
width: 100%;
height: 50px;
line-height: 50px;
font-size: 18pt;
text-align: center;
color:#FFFFFF;
}

.pcodwrap2 {
margin-left: 50px;
/*margin-right:auto;*/
margin-top: 10px;
width: 170px;
height:40px;
background-color: #FFFFFF;
text-align:left;
}

.pcodinp {
margin-left: 10px;
height: 38px;
width: 115px;
border: 0px;
color: #555555;
}

ul#options2 {
font-family: 'Locorum Bold', sans-serif;
margin-top:15px;
margin-bottom:15px;
}

ul#options2 li:hover {
text-decoration:underline;
}



.srchwrap2 {
margin-left: auto;
margin-right:auto;
/*margin-top: 10px;*/
width: 200px;
height:40px;
background-color: #FFFFFF;
}


#brwsbut {
width: 200px;
height: 40px;
background-image: url('images/general/brwsbut200.png');
border: 0;
}

.butn260 {
width: 260px;
height: 40px;
color:#FFFFFF;
background-image: url('images/general/butn260.png');
border: 0;
}

.b2switchwrap {
margin-top: 5px;
width: 100%; 
font-size: 12pt;
text-align:center;
}

a.b2switch {
color: #FFFFFF;    
}


/* header 3 */
#header3 {
width: 100%;
margin-top: 20px;
background-color: #E5E5E5;
}

.searchdiv3 {
width: 100%;
height: 120px;
color: #FFFFFF;
}

.srch3bkgb {
/* background-color: #567482; */    
}

.srch3bkgc {
/* background-color: #58A2D1; */    
}

.banimg {
float:left;
width:155px;
height:120px;
overflow:hidden;
}

.optwrap3 {
width: 100%;
height: 60px;
line-height:60px;
}

#optwrapd {
float:left;
/* width: 550px; */
height: 60px;
line-height:60px;
}

#optwrapdx {
position:absolute;
width: 200px; 
height: 180px;
background-color:#AAAAFF;
display:none;
}

.optwrap4 {
float: left;
height: 40px;
line-height:40px;
}

ul.optionsX {
width:200px;
font-family: 'Locorum Regular', sans-serif;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

ul.optionsX li {
margin-top:5px;
height:40px;
line-height:40px;
/*padding:0px;*/
background-color:#A6CE39;
background-image: url('images/general/mag36.png');
background-repeat:no-repeat;
}


ul.optionsX li input[type=submit], ul.optionsX li input[type=button]  {
/*margin-top:0px;*/
margin-left:50px;
width:150px;
text-align:left;
/*padding:0px;*/    
font-family: 'Locorum Regular', sans-serif;
font-size:1.0em;
}

ul.optionsX li:hover {
text-decoration:underline;
}


/*
ul#options3, ul#options4 {
font-family: 'Locorum Bold', sans-serif;
margin: 0;
padding-left: 10px;
}

ul#options3 li, ul#options4 li {
float: left;
padding-left: 15px;
}

ul#options3 li a.selbut {
	height:40px;
	background-color:#FFFFFF;
	display:table-cell;
	text-decoration:none;
	text-align:center;
	color:#555555;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding:3px 10px 3px 10px;
	cursor:pointer;
}

ul#options3 li a.selbut:hover {
color:#FFFFFF;
background-color:#567482;
text-decoration:none;
}

#dtselector {
float:right;
margin-right: 10px;
width: 150px;
height:40px;
line-height:40px;
text-align:center;
background-color: #A6CE39;
cursor:pointer;
display:none;
}

ul#options3 li:hover, ul#options4 li:hover {
text-decoration:underline;
}

ul#options3 li.first, ul#options4 li.first {
padding-left: 0px;
}
*/

.alphachoice {
width: 910px;
margin-left: auto;
margin-right: auto;
}

ul#alphalist {
font-family: 'Locorum Bold', sans-serif;
margin: 0;
padding-left: 0px;
}

ul#alphalist li {
float: left;
width: 35px;
}

ul#alphalist li a {
display: block;
color: #555555;
text-align: center;
text-decoration: none;
}

.back2top {
float: right;
}

.back2top a {
font-size: 12pt;
color: #555555;
}

.brwschoice, .selchoice {
float: left;
width: 300px;
height: 30px;
line-height: 30px;
background-color: #A6CE39;
text-align: center;
margin-right: 20px;
margin-bottom : 10px;
}

.brwschoice {
margin-right: 20px;
}

.selchoice {
margin-left: 4px;
margin-right: 4px;
}

.bralt {
margin-right: 0px;
}

.bralt2 {
margin-right: 0px;
}

.brwschoice a, .selchoice a {
font-size: 12pt;
color: #FFFFFF;
text-decoration: none;
display: block;
cursor: pointer;
}

.pcodwrap3, .pcodwrap4, .srchdtwrap3 {
float: right;
margin-right: 10px;
width: 200px;
height:40px;
background-color: #FFFFFF;
}

.pcodwrap3 {
margin-top: 10px;
}


.pcodinp {
margin-left: 10px;
height: 38px;
border: 0px;
color: #555555;

}

.srchdtprmpt {
float:left;
width: 200px;
height: 40px;
line-height:40px;
text-align:right;
font-weight:bold;
}

.srchdt3 {
width: 200px;
}

.srchdtinp {
margin-left: 20px;
height: 38px;
border: 0px;
color: #555555;

}

.srchwrap3 {
float:right;
margin-right: 10px;
width: 200px;
height:40px;
background-color: #FFFFFF;
}

#b3switchwrap {
float: left;
margin-left: 20px;
height: 40px;
line-height: 40px;
font-size: 12pt;
text-align:center;
}

a.b3switch {
color: #FFFFFF;    
}


#dealmask, #eventmask, #postrmask, #cardmask, #reviewmask, #emailmask, #srchmask, 
#helpmask, #offermask, #appealmask, #dateoptmask, #brwsmask, #selimagemask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background: url('images/general/bkgrndmask.png');	
z-index: 10;
}

#postrmask {
z-index: 11;
}

/* Temporary until search is a menu item in it's own right */
#srchmask {
z-index: 12;
}

.option_detl {
width: 600px;
height: 90%;
background-color:#FFFFFF;
z-index: 15;
margin-top: 1%;
margin-left: auto;
margin-right: auto;
overflow:hidden;
/*margin-bottom: 1%;*/

}

div.optionhdr {
float:left;
width:600px;
height:50px;
font-family: 'Locorum Regular', sans-serif;
font-size: 20pt;
color: #FFFFFF;
background-color:#567482;
text-align:left;
}

div.optiontitle {
float:left;
font-family: 'Locorum Regular', sans-serif;
font-size: 20pt;
margin-left:20px;
color:#FFFFFF;
height:50px;
line-height:50px;
}

#option_subject {
float:left;
color:#FFFFFF;
height:50px;
line-height:50px;
}

div.optionctrl {
float: right;
margin-right:10px;
}

div.optionctrl a:link, .optionctrl a:visited, .optionctrl a:active {
color: #FFFFFF;    
font-size: 12pt;
}

#option_holder {
width:600px;
color:#333333;
background-color:#FFFFFF;
height: 90%;
padding:20px;
overflow:auto;
}


#emailmask {
z-index:15;    
}

#helpmask {
z-index:999;    
}



.banner {
float:left;
margin-right:10px;
width: 620px;
height: 400px;    
}

.bannerb {
background-image: url('images/general/business-image.png');   
}

.bannerc {
background-image: url('images/general/public-image.png');    
}

.slider {
float: right;
width: 300px;
height: 100px;
background-repeat: no-repeat;
background-position: top right;
text-align: right;
padding-right: 20px;
font-family: 'Locorum Bold', sans-serif;
color: #FFFFFF;
}

.slider1b {
background-image: url('images/general/business-slider1.png');
}

.slider2b {
background-image: url('images/general/business-slider2.png');
}

.slider3b {
background-image: url('images/general/business-slider3.png');
}

.slider4b {
background-image: url('images/general/business-slider4.png');
}

.slider1c {
background-image: url('images/general/public-slider1.png');
}

.slider2c {
background-image: url('images/general/public-slider2.png');
}

.slider3c {
background-image: url('images/general/public-slider3.png');
}

.slider4c {
background-image: url('images/general/public-slider4.png');
}

/* Footer */
.whitespace {
width: 100%;
height: 20px;
}

.rule2 {
width:100%;
height: 2px;
background-color: #555555;
}

.footrule {
width: 100%;
height: 10px;
background-color: #567482;
}

.greyspace {
width: 100%; 
background-color: #E5E5E5;
}

.spacer20 {
width: 100%; 
height: 20px;
}

.logocol {
float: left;
width: 150px;
}

.sitemap {
float: left;
width: 480px;
border-left:2px solid #A6CE39;
border-right:2px solid #A6CE39;
font-size: 14pt;
}

.sitemap a {
color: #555555;
}

.sitemapcol {
float: left;    
}
.social {
float: left;
margin-left: 10px;
font-size: 12pt;
}

.socmimg {
float: left;
margin-right:10px;
}
#privacy {
width: 100%;
font-size: 9pt;
text-align: center;
}

#privacy a:link, #privacy a:visited, #privacy a:active {
color: #555555;    
}

.faqq {
font-weight:bold;    
}

/* Main menu variations */
ul.mainmen {
margin: 0;
padding: 0;
}

li.mainmenbut {
float: right;
width:100px;
height: 36px;
line-height: 36px;
background-color: #E5E5E5;
list-style: none;
margin-left: 2px;
text-align: center;
}

div.mainmenext {
position:relative;
margin-top:10px;
width:300px;
height:410px;
/*background-color:#58a2d1;*/
display:none;
z-index:11;
}

ul.optionsS {
width:200px;
font-family: 'Locorum Regular', sans-serif;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

ul.optionsS li {
list-style: none;
margin-top:5px;
height:40px;
line-height:40px;
/*padding:0px;*/
background-color:#A6CE39;
}



li.submenbut a {
margin-left:50px;
width:150px;
text-align:left;
/*padding:0px;*/    
font-family: 'Locorum Regular', sans-serif;
font-size:1.0em;
cursor:pointer;
}


li.regbut {
background-image: url('images/general/signreg-icon.png');
background-repeat: no-repeat;
background-position: 12px center;
padding-left: 36px;
}

li.thispage {
background-color: #567482;
}

li.mainmenbut a {
display: block;
/*padding-left:14px;
padding-right:14px;*/
color: #555555;
text-decoration: none;
cursor:pointer;
}

li.mainmenbut a:hover {
color: #FFFFFF;
background-color:#567482;
}

li.submenbut a:hover {
background-color:#A6CE39;
text-decoration: underline;
}

#datemenu {
float:right;
margin-left:30px;
}

#datemenu ul {
margin: 0;
padding: 0;
}

li.datemenubtn {
float: left;
/*height: 36px;
line-height: 36px;*/
list-style: none;
margin-left: 10px;
text-align: center;
}

.dateopt {
padding-left: 15px;
padding-right: 15px;
height: 40px;
color:#AAAAAA;
font-size: 20pt;
border: 0;
background-color:#FFFFFF;
}

.dateopt:hover, .optsel {
color:#555555;
text-decoration:underline;
}

li.signbut a {
/* padding-left:15px;
padding-right:15px;*/
}

li.thispage a {
color: #FFFFFF;
cursor:auto;
}

ul.optionsS {
width:200px;
font-family: 'Locorum Regular', sans-serif;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:0px;
}

ul.optionsS li {
list-style: none;
margin-top:5px;
height:40px;
line-height:40px;
/*padding:0px;*/
background-color:#A6CE39;
}



li.submenbut a {
margin-left:50px;
width:150px;
text-align:left;
/*padding:0px;*/    
font-family: 'Locorum Regular', sans-serif;
font-size:1.0em;
cursor:pointer;
}

/* buttons */

li.but120 {
float: left;
height:40px;
line-height:40px;
text-align:center;
background-color: #A6CE39;
margin-right:5px;
}

li.but120 a {
color: #FFFFFF;
font-size: 11pt;
font-weight:bold;
display: block;
padding: 0px 10px 0px 10px;
cursor:pointer;
}

li.but120 a:hover {
color: #555555;
text-decoration: underline;
}

a.button {
font-size:12pt;
font-weight:bold;
display:block;
cursor:pointer;
}

a.button:hover {
color:#555555;
text-decoration:underline;
}

div.greenbut {
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
color:#FFFFFF;
background-color:#A6CE39;
}

.greenbut a{
color:#FFFFFF;
text-decoration:none;
}

div.greenbut100 {
width:100px;
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
color:#FFFFFF;
background-color:#A6CE39;
}

div.greenbut120 {
width:120px;
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
color:#FFFFFF;
background-color:#A6CE39;
}



div.genbut {
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
}

.genbut a{
text-decoration:none;
}

div.genbut100 {
width:100px;
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
}

div.greenbut120 {
width:120px;
height:30px;
line-height:30px;
text-align:center;
font-size:12pt;
color:#FFFFFF;
background-color:#A6CE39;
}



/* page title banners */

.title_plain {
width: 100%;
background-color: #E5E5E5;
text-align: center;
}

.clear5l {
clear:left;
height:5px;
}

.clear10l {
clear:left;
height:10px;    
}

.break0 {
clear:both;
height:0px;
}

.break5 {
clear:both;
height:5px;
}

.break10 {
clear:both;
height:10px;
}

.break15 {
clear:both;
height:15px;
}

.break20 {
clear:both;
height:20px;
}

.break30 {
clear:both;
height:30px;
}

.break40 {
clear:both;
height:40px;
}


/* general form elements  */

input.geninp {
height: 28px;
border: 0px;
color: #555555;
}

input.errinp {
border: 1px solid #FF0000;;
}



   
.styled-select select {
   background: transparent;
   width: 328px;
   font-family: 'Locorum Regular', sans-serif;
   font-size: 16pt; 
   color: #555555;
   border: 0;
/*   line-height: 1;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;*/
   }

   .styled-select {
   width: 300px; 
   height: 34px;
/*   font-family: 'Locorum Regular', sans-serif;*/
/*   font-size: 18pt; */
   overflow: hidden;
   background: url(images/general/select-arrow.png) no-repeat right;
   border: 1px solid #555555;
   }  

   
/* ## Index page styles */


.feature_i {
float: left;
width: 20px;
height: 50px;
}

.feature_set {
float:left;
width:220px;
}

.feature_set a {
text-decoration: none;    
}

div.feature_imgdiv {
width: 220px;
height: 180px;
}

div.feature_imgdiv60 {
width: 220px;
height: 60px;
}

div.feature_hdr {
width: 220px;
height: 40px;
line-height:40px;
font-size:18px;
font-weight:bold;
text-align:center;
}

div.feat_h_c {
color:#FFFFFF;
background-color: #A6CE39;
}

div.feat_h_b {
color:#FFFFFF;
background-color: #567482;
}


p.feature {
padding:10px;
font-size:1.1em;
text-align:justify;
}



/* ## Product & Service maintenance (regmemb & mainserv pages) page styles */

div#servholder {
width:670px;
}

.pslab {
float:left;
width:180px;
vertical-align:middle;
font-size:16px;
text-align:right;
}

.psdat {
float:left;
width:300px;
vertical-align:middle;
font-size:16px;
font-weight:bold;
padding-left:10px;
}

.pslab40 {
float:left;
width:38%;
vertical-align:middle;
font-size:16px;
text-align:right;
}

.psdat60 {
float:left;
width:58%;
vertical-align:middle;
font-size:16px;
font-weight:bold;
padding-left:10px;
}

.psdatsmall {
float:left;
width:300px;
vertical-align:middle;
font-size:12px;
font-weight:bold;
padding-left:10px;
}

.psfill {
float:left;
width:490px;
}
.offerdat {
float:left;
width:300px;
vertical-align:middle;
font-size:12px;
font-weight:bold;
padding-left:20px;
}

.psbut {
float:left;
width:120px;
}

/* Standard Page image & text styling */

.stdtxtleft {
float:left;
width:700px;
text-align:left;
}

.stdimgleft {
float:left;
width:240px;
text-align:left;
}

.stdtxtright {
float:right;
width:700px;
text-align:left;
}

.stdimgright {
float:right;
width:240px;
text-align:right;
}

div#srchcont {
float:right; 
width:574px;
}

div.detailbox {
width: 600px;
height: 90%;
background-color:#FFFFFF;
border:0px solid #E5E5E5;
z-index: 15;
margin-left: auto;
margin-right: auto;
/*border-radius:10px; */
display: none;
}

div.detailholder {
height:90%;
/*background-color:#FFFFFF;*/
margin-left: auto;
margin-right: auto;
overflow-y: scroll;
/*display:none;    
overflow-y: auto;*/
}


/*
div.detailholder {
width:500px; 
max-height:50%;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
display:none;    
overflow-x: hidden;
overflow-y: auto;
}
*/

#detlmask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background: url('images/general/bkgrndmask.png');	
z-index: 11;
}

div#deal_detl {
width:636px;
}

div#event_detl {
width:500px;
}

div#review_detl {
width:600px;
}

div.detailbox_subhdr {
width: 100%;
}

div.detailleft {
float: left;
margin-left:20px;
width: 500px;
}

div.detailright {
float: left;
width: 300px;
}

p.detail_subhdr {
padding-left: 20px;
padding-right: 10px;
font-size:13px;
line-height:10px;	
font-weight:bold;
margin-bottom:-5px;	
}

p.detail {
padding-left: 20px;
padding-right: 10px;
font-size: 10pt;
/*line-height:14px;*/	
}

div#detailhdr {
/*position: fixed;*/
width: 100%;
/* background-color:#FFFFFF;*/
}

div.detailtitle {
float:left;
font-family: 'Locorum Regular', sans-serif;
font-size: 20pt;
/*color: #555555;
color:#000051;*/ 
text-align:left;
padding: 0.2em 0.5em 0.2em 0.5em;
}

div.detailctrl {
float: right;
}


div.detailctrl a:link {
color: #FFFFFF;    
font-size: 12pt;
}

#selimagediv {
width: 600px;
height: 500px;
background-color:#FFFFFF;
border:0px solid #E5E5E5;
z-index: 25;
margin-top: 1%;
margin-left: auto;
margin-right: auto;
/*border-radius:10px; */
/*display: none;*/
}


#sendvoucher {
width:600px;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
/*border-radius:10px;*/
display: none;
z-index: 15;
}

.mailtools {
text-align:center;
padding: 10px 0 0 0;
}

ul.stdbullet {
list-style:square;
font-size: 12pt;
    
}
/* Product & Service Selection Styling... */

div#prodservlayer {
position: absolute;
display: none;
width: 940px;
margin-left:auto;
margin-right:auto;
/*height: 550px;*/
border: 1px solid #FF00FF;
background-color: #FFFFFF;
border-radius:10px;
z-index: 11;
}

.servlisthdr {
display:none;
height: 50px;
width:100%;
text-align:center;
}

#serv_wrapper, #prod_wrapper {
height:500px;
overflow:hidden;

}

#tfprompt {
float: left;
width: 60px;
height: 52px;
text-align: center;
line-height: 52px;
list-style: none;
font-size: 11pt;
font-weight: bold;
}

#typefilter {
width:100%;
text-align: center;
margin-left:0;
padding-left:0;
font-size: 11pt;

}

#typefilter li {
float: left;
width: 140px;
height: 25px;
line-height: 25px;
list-style: none;
margin-left: 2px;
margin-bottom: 2px;
background-color: #E5E5E5;
}


#typefilter li a {
color:#555555;
display: block;
text-decoration:none;
cursor: pointer;
}



/*.TYPS, .TYPP {
float:left;
width:28%;
font-weight: bold; 
font-size: 16px;
padding-left:5%;
}*/

.typsbut, .typpbut {
width:100%;
}

.hrinp {
background-repeat: no-repeat;
background-position: center;

}


.paging, .paging:link, .paging:visited, .paging:active {
color: #555555;    
font-size: 14pt;
cursor:pointer;
}

.paging:hover {
text-decoration:underline;
font-weight:bold;
color:#000000;
}

.currpage {
color:#000000;
font-weight:bold;
}

/* COVID 19 STUFF ... */
/* ############################################*/

/* COVID-19 SPECIFIC STYLING */

#covid-19 {
width:220px;
border: solid 1px #FF0000;
padding:10px;
padding-top:0px;
font-size:12pt;
margin-bottom:10px;
}

#covid-19 h3 {
color:#FF0000;
}

#covid-19 a {
display:block;
text-align:center;
color:#FF0000;
cursor:pointer;
}

#covid-19 a:hover {
text-decoration:underline;

}



#crisismask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background: url('images/general/bkgrndmask.png');	
z-index: 10;
}

.detlhdr {
width:100%;
height:50px;
color:#FFFFFF;
background-color:#555555;
}

div.detailbox {
width: 90%;
height: 90%;
overflow:auto;
background-color:#FFFFFF;
border:0px solid #E5E5E5;
z-index: 15;
margin-left: auto;
margin-right: auto;
/*border-radius:10px; */
display: none;
}

div.detailholder {
height:90%;
/*background-color:#FFFFFF;*/
margin-left: auto;
margin-right: auto;
overflow-y: scroll;
/*display:none;    
overflow-y: auto;*/
}


.detail_container {
width:90%;
margin-left:5%;
margin-right:5%;
/*background-color:#FFAAAA;*/
}



@media screen and (min-width : 640px){


div.detailhdr {
/*width: 600px;*/
height:50px;
}

div.detailbox {
width: 600px;
}


}

@media screen and (min-width : 706px){
    
 body {font-size:14pt;}

}