<!-- 

/* PRODUCTION REV: 2023-12-14 ONE FILE USED FOR ALL SITES */

/* https://domain_name/style-bsl.com*/

/* 2022-10-16: NEEDS TO BE CLEANED UP AND SIMPLIFED BASIC DEFAULTS FOR ALL STYLES UNLESS OVERRIDDEN */

* {font-family:arial, helvetica, verdana; font-size:14px; font-weight:bold;margin:0;padding:0;border:0;}

.page_head {z-index: 8; height:40px; padding: 10px 5px 0px 5px; background-color: black;} 
.page_head_close {clear: both;}
.page_body{margin:5px;padding:0;border:0;}

table {font-family:arial; font-size:12px; font-weight:bold;margin:0;padding:0;border:0;}

/* LINKS BY DEFAULT THESE ARE DISPLAY:INLINE-BLOCK ELEMENTS HAVE TO CHANGE TO DISPLAY:BLOCK TO FILL ENTIRE BLOCK*/

a:link {color:#8F0000;text-decoration:none;}
a:visited {color:#8F0000;text-decoration:none;}
a:hover {color: white;text-decoration:none; background-color:#8F0000; }
a:active {color:#8F0000;text-decoration:none; background-color: white; }

a:link.w {color: white;text-decoration:none;}
a:visited.w {color: white;text-decoration:none;}
a:hover.w {color:white;text-decoration:none;}
a:active.w {color: white;text-decoration:none;background-color:black;border: 1px solid black;}

a:link.sb {color:#8F0000;text-decoration:none;}
a:visited.sb {color:#8F0000;text-decoration:none;}
a:hover.sb {color: #8F0000;text-decoration:underline;}
a:active.sb {color:#8F0000;text-decoration:underline;}

a:link.b {color:black;text-decoration:none;}
a:visited.b {color:black;text-decoration:none;}
a:hover.b {color: black;text-decoration:underline; background-color:#8F0000; }
a:active.b {color:black;text-decoration:underline; background-color: white; }

/* FONTS */

.f48 {font-size:48px;}
.f36 {font-size:36px;}
.f28 {font-size:28px;}
.f24 {font-size:24px;}
.f20 {font-size:20px;}
.f18 {font-size:18px;}
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}
.f10 {font-size:10px;}
.f8 {font-size:8px;}
.fwnormal{font-weight:normal;}
.fwbold{font-weight:bold;}
.fwinitial{font-weight:initial;}
.fsitalic{font-style:italic;}
.fsnormal{font-style:normal;}

.fontRed{color:#8F0000;}

.fwhite{color:white;}

.fnormal {font-weight:normal;}

.retail12 {font-weight:normal;text-decoration: line-through;}

/* TEXT */

.text-right{text-align:right;}
.text-left{text-align:left}
.text-single-top{border-top:thin solid;}
.text-double-bottom{border-bottom:double;}
.text-overline{text-decoration:overline;}
.text-center{text-align:center;}
.textBlack{color:black;}
.textWhite{color:white;}

/* BANNERS INDIVIDUALY DEFINED NOT PART OF .bnr CLASS DEFINATION */

.banner {margin:1px 0px 5px 0px; padding: 5px 10px 5px 10px;border:solid 1px;background-color:#ffffff;}
.bannerTop {margin:0px; padding: 5px 10px 5px 10px;background-color:#000000;color:white;font-size:18px;}
/* .bannerBody {margin:10px; padding: 10px;} */
.bannerThin {margin: 0px;padding: 2px 10px 2px 10px;}

.banner_open_day {margin:3px 0px 3px 0px; padding: 5px 10px 5px 10px;border:solid 1px;border-color:black;}
.banner_open {margin:0px 0px 0px 0px; padding: 5px 10px 5px 10px;border:solid 1px;border-color:white;}
.banner_top {margin:0px; padding: 10px 20px 10px 20px; font-size:18px;}
.banner_confirm {margin:0px; padding: 40px 20px 40px 20px; font-size:24px;}

.bannerAlert {margin:0px; padding: 5px 10px 5px 10px;}

/* .bannerList {margin:1px 0px 5px 0px; padding: 5px 10px 5px 10px;border:solid 1px;background-color:#ffffff;} */

/* BUTTONS NOTE: .btn IS USED INSTEAD OF .button */

/* SET .btn* VALUES EXAMPLES
	USING ATTRIBUTE SELECTOR 
	[class^="btn"] (class name starts with btn)
	[class*="btn"] (btn anywhere within class name)
*/

/* BUTTONS CLASS STARTING WITH btn */

[class^="btn"] {
  	background: #8F0000;
    color: #FFFFFF;
    text-align: center;
    border: 0; padding:2px 10px 2px 10px;
    transition: all 0.2s ease 0s;
}

/* OVERRIDES FOR SPECIFIC BUTTONS (.btn) AND BANNERS (.bnr) */

.btnBlack, .bnrBlack {background:#000000;color:white;}
.btnBlue, .bnrBlue {background:#0101DF;}
.btnGreen, .bnrGreen  {background:#006400;}
.btnGreenLt, .bnrGreenLt {background:#90EE90;color:black;border: 1px solid black;}
.btnRed, .bnrRed {background:#8F0000;} 
.btnYellow, .bnrYellow {background:#FFFF00;color:black;border: 1px solid black;}
.btnWhite, .bnrWhite {background:white;color:black;border: 1px solid black;}

.btnOffer {background:#006400;width:90%;display:inline-block;}

/* DISPLAY:BLOCK FORCES BUTTON TO FILL ENTIRE ELEMENT, NOT JUST TEXT AREA */

.btnX{background:#0404B8;font-size:12px;}
.btnNav {background:#0101DF;display:block; text-align:left;font-size:16px;}
.btnNavBlack {background:#000000;display:block; text-align:left;font-size:16px;}
.btnNavMain {background:#000000;display:inline-block; border:0; margin:0; padding:0; text-align:left;font-size:16px;width: calc(50% - 20px);}
.btnNavRed {background:#8F0000; width:90%;display:block; text-align:left;font-size:16px;}
.btnNavYellow {background:#FFFF00; width:90%;display:block; text-align:left;font-size:16px;}
.btnNavYellowTip {background:#FFFF00; width:90%;display:block; text-align:left;font-size:24px;}

/* NOTE ALL THE HOVER ASSIGNMENTS COME FROM LINKS SECTION NOT THE BUTTONS SECTION */

.navPad{padding:5px 10px 5px 10px;}

/* TAR BLOCKS */

.box{margin:0px; padding: 0px;border:solid 1px;}
.box_banner{padding: 5px 10px 5px 10px;display:block; text-align:left;font-size:16px;}
.box_text{padding: 5px 10px 5px 10px;display:block; text-align:left;}

/* COLUMNS */

[class*="col-"] {
    float: left;
    margin: 2px 0px 2px 0px;
}

/* COLUMN PERCENTAGE FORMAT */

.col-1000 {width: 100%;}
.col-0950 {width: 95%;}
.col-0900 {width: 90%;}
.col-0850 {width: 85%;}
.col-0800 {width: 80%;}
.col-0750 {width: 75%;}
.col-0700 {width: 70%;}
.col-0650 {width: 65%;}
.col-0600 {width: 60%;}
.col-0550 {width: 55%;}
.col-0500 {width: 50%;}
.col-0450 {width: 45%;}
.col-0400 {width: 40%;}
.col-0350 {width: 35%;}
.col-0333 {width: 33.3%;}
.col-0300 {width: 30%;}
.col-0250 {width: 25%;}
.col-0200 {width: 20%;}
.col-0175 {width: 17.5%;}
.col-0150 {width: 15%;}
.col-0166 {width: 16.6%;}
.col-0125 {width: 12.5%;}
.col-0100 {width: 10%;}
.col-0090 {width: 9%;}
.col-0080 {width: 8%;}
.col-0075 {width: 7.5%;}
.col-0070 {width: 7%;}
.col-0060 {width: 6%;}
.col-0050 {width: 5%;}
.col-0040 {width: 4%;}
.col-0030 {width: 3%;}
.col-0020 {width: 2%;}
.col-0010 {width: 1%;}

/* SIZE AND WIDTH CAN BE MOVED TO SHARE COL-nnnn DEFINATION */

.size05, .width05{width:5%;}
.size10, .width10{width:10%;}
.size15, .width15{width:15%;}
.size20, .width20{width:20%;}
.size25, .width25{width:25%;}
.size33, .width33{width:33%;}
.size35, .width35{width:35%;}
.size40, .width40{width:40%;}
.size50, .width50{width:50%;}
.size60, .width60{width:60%;}
.size70, .width70{width:70%;}
.sizeik, .width85{width:85%;}
.size90, .width90{width:90%;}
.size95, .width95{width:95%;}
.size100, .width100{width:100%;}

/* DOTS */

[class^="dot"] {
	margin: 2px 0px 0px 2px;
	height:15px; 
	width:15px;
	background-color:#bbb;
	border-radius:50%;
	display:inline-block;
}
.dotBlue{
	background-color:#0101DF;
}
.dotBlueLt{
	background-color:#ADD8E6;
}
.dotGreen{
	background-color:#006400;
}
.dotRed{
	background-color:#8F0000;
}	
.dotWhite{
	background-color:#FFFFFF;
}
.dotYellow{
	background-color:#FFFF00;
}


/*    
 border: 0px;     padding: 0px;  AND text-align:left;
 CAN NOT SPECIFY IN CLASS AS IT CAN NOT BE OVERRIDDEN 
*/

.colx{margin:0;width:3.50%;float:left;padding: .1%;border: 1px solid #C0C0C0; text-align:right;}

.col-day{margin:0;width:10%;float:left;padding: .1%;border: 1px solid #C0C0C0; text-align:right;}

.col-days{margin:0;width:13.75%;float:left;padding: .1%;border: 1px solid #C0C0C0; text-align:left;}

.days-block{width:98%;margin:0 0 0 1%;float:left;padding:0; border: 1px solid #C0C0C0;}

.inline-block{display:inline-block;}
.z9{z-index: 9999999;position:relative;}

.inputBorder{border: 1px solid #C0C0C0;padding:0px 5px 0px 5px;height:20px;}

/* INPUT_FORM_INLINE CLASSES */

.input_border{border: 1px solid #C0C0C0;padding:0px 5px 0px 5px;height:20px;}

.inline{display:inline;}

/* FLOAT */

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

/* FORM CONSISTENT FORMATING FOR ALL FORMS*/

form {margin: 0; padding: 0; display:inline;}
.formTbl {width: 100%;}
.emForm, .formTbl label {width: 100%; display: block;margin: 0 0 5px 0 ;}
.emForm, .formTbl line {display: inline;margin: 0 0 5px 0 ;}
.emFormDes, .formTbl label span {display: inline;width:15px;float:left;text-align:left; margin: 0; padding: 4px 0 0 0;}
.emFormVal {display:inline-block; width: 90%;padding:2px 5px 2px 5px;font-size:16px;}
.formTbl label .input_text {width: 90%;margin:0;padding:2px 5px 2px 5px;border: 1px solid #C0C0C0;font-size:16px;}
.formTbl label_datetime .input_datetime {width: 40%;margin:0px 0px 5px 0px;padding:2px 5px 2px 5px;border: 1px solid #C0C0C0;font-size:16px;}
.formTbl label_datetime .input_date {width: 58%;margin:5px 0px 5px 0px;padding:2px 5px 2px 5px;border: 1px solid #C0C0C0;font-size:16px;}
.formTbl label_datetime .input_time {width: 30%;margin:5px 0px 5px 0px;padding:2px 5px 2px 5px;border: 1px solid #C0C0C0;font-size:16px;}
.formTbl ul {background:#FFFFFF;margin-top:0;margin-bottom:0;}
.formText{margin:10px 0 10px 0px;}
.formf16 {padding:2px 5px 2px 5px;font-size:16px;}

/* BACKGROUND COLOR CODES */

.bgcBlack {background-color:#000000;color:white;}
.bgcBlue {background-color:#0101DF;color:white}  
.bgcBlueLt {background-color:#ADD8E6;}
.bgcBlueLt0 {background-color:#E0FFFF;}
.bgcClear{background-color:transparent;}
.bgcGold{background:#AE9D59;color:white;}
.bgcGrayDark{background-color:#A4A2BB;color:white;}
/* .bgcGrayLt{background-color:#E8E8E8;} */
.bgcGreen{background-color:#006400;color:white;} 
.bgcGreenMid{background-color:#00B71E;color:white;}
.bgcGreenLt{background-color:#90EE90;}
.bgcGreenLt0{background-color:#BFFFDF;}
.bgcGreenLite{background-color: #E6FFCC;}
.bgcOrange {background-color:#FC750F;color:white;} 
.bgcOrangeLt{background-color:#FFC993;}
.bgcPurple{background-color:#800080;color:white;}
.bgcPurpleLt{background-color:#FFDFFF;}
.bgcPurple1{background-color:#F5A9F2;}
.bgcPurple2{background-color:#FA58F4;}
.bgcPurple3{background-color:#FF00FF;color:white;}
.bgcPurple4{background-color:#B404AE;color:white;}
.bgcPurple5{background-color:#610B5E;color:white;}
.bgcRed {background-color:#FC0F0F;color:white;} 
.bgcRedDark{background-color: #8F0000;;color:white;}
.bgcRedLt {background-color:#FFC0CB;} 
.bgcRedTan{background-color:#F5DEB3;}
.bgcTan {background-color:#EEEEBA;}
.bgcWhite {background-color:#FFFFFF;} 
.bgcYellow{background-color:#FFFF00;}
.bgcYellowLt{background-color:#FFFFCC;}

/* .bgcGrayLt,.btnGrayLt{background-color:#D0D0D0;} */
.bgcGrayLt,.btnGrayLt{background-color:#E8E8E8;}

/* BUTTON AFFILIATE AND INFO LIST */

.btnRad05{border-radius:5px;}
.btnRad10{border-radius:10px;}

.btnList {
    background: #FFFFFF;
    color: #000000;
    text-align:left;
    border: 0; padding:2px 10px 2px 10px;
    transition: all 0.1s ease 0s;
    width:95%;display:block; font-size:16px;
}

/* BANNER CLASS STARTS WITH bnr */
[class^=bnr]{
    background:#90EE90;
    color:black;
    text-align:left;
	padding:2px 10px 2px 10px;
    transition: all 0.1s ease 0s;
    font-size:18px;
    display:block;
}

.btnBlack, .bnrBlack {background:#000000;color:white;}
.btnBlue, .bnrBlue {background:#0101DF;}
.btnGrayLt, .bnrGrayLt{background-color:#E8E8E8;color:black;border: 1px solid black;}
.btnGreen, .bnrGreen  {background:#006400;}
.btnGreenLt, .bnrGreenLt {background:#90EE90;color:black;border: 1px solid black;}
.btnRed, .bnrRed {background:#8F0000;} 
.btnYellow, .bnrYellow {background:#FFFF00;color:black;border: 1px solid black;}
.btnWhite, .bnrWhite {background:white;color:black;border: 1px solid black;}

.ht50 {height:50px;}

.border1px {border:solid 1px black;}
.center {margin: 1px 0 0 0;padding: 10px;}

/* EM */

.em_m0{margin: 0;}
.em, .em_ship{margin: 10px 0 10px 0;}
.em_0, .em_00, .em0, .em00{margin: 0px;padding:0px;}
.em_header {margin:0px; padding: 5px 10px 5px 10px;background-color:#8f0000;color:#ffffff;}
.em_bottom{margin: 10px 0 0 0;}
.em_gray{margin: 0px; padding:5px 0px 5px 0px;background-color:#f6f6f6;}
.em_indent{margin: 10px;}
.em_right{margin: 0px 0 3px 0;text-align:right;}
.em_right_narrow{margin: 0;text-align:right;}


.fixed {position: fixed;top:0;box-shadow: 0px 3px 3px 0px #000000;}
.static {position: static;}

div.footer {clear: both;padding: 10px;margin: 0px;}

.header {margin: 0px;padding: 10px;height:auto;text-align: left;}

/* .height100{height:100px;} OBSOLETE */

.hidden{display:none;}
.unhidden{display:block;}

.info_title{margin:10px 0px 10px 0px;}
.info_body{margin:10px 0px 10px 10px;}

/* LINE AND COLUMN UNDERLINE CLEAR AND BREAK */
.break {page-break-before: always;}

.cszclear {padding: 2px;cursor: pointer;}

.page_row, .page_row_thin, .page_row_underline, .line_clear_thin, .line_clear_underline {margin: 0px;padding:  2px 10px 2px 10px;clear: both;}
.page_row_thin, .line_clear_thin {border-bottom: 1px solid #000000;}
.page_row_underline, .line_clear_underline {border-bottom: 5px solid #cccccc;}
.page_row_line {margin: 0px 0px 5px 0px;padding:  0px; border-bottom: 1px solid #000000; clear: both;}

.page_row_btn {margin: 5px 0px 5px 0px;padding:0px 0px 5px 0px; border-bottom: 1px solid #000000; clear: both;}

.space20{height:20px;clear:both;}
.space10{height:10px;clear:both;}
.space05{height:5px;clear:both;}
.line_clear{clear:both;padding:0px;margin:0px;}

.select_box{margin:2px; padding: 5px 10px 5px 10px;}

li.selected {background:#FFFFFF;border:solid 1px;border-color:#8F0000;}
li.break  {margin: 10px;padding:  0px 0px 0px 0px;border-bottom: 1px solid #000000;}

img {border:0}
input.search {height:17px;font-size:12px;padding:0 0 0 10px;}

select.dropdown {height:18px;font-size:10px;}
span.reg{font-size:10px;}

ul.pending {list-style: none; width:100%; margin: 0px 0px 20px 0px; padding: 0;}
li.pending {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px;font-size:16px;}

ul {list-style: none; margin: 0; padding: 0;}
ul.indent {list-style: none; margin: 0; padding: 5px 10px 10px 10px;}
ul.indent_only {list-style: none; margin: 0; padding: 0px 0px 0px 20px;}

li.indent {margin: 0; padding: 0px 0px 0px 10px;}
li.spc {margin: 0; padding: 0px 0px 5px 0px;}

.spanner {z-index:999999;margin:0;padding:0;text-align:left;float:left;display:inline-block;}
.spanner ul {padding:10px; border: 1px solid #eaeaea; 	position: absolute; z-index: 9;	background: #f3f3f3; list-style: none; overflow-y:auto; overflow-x:hidden;display:none;}
.spanner ul li {padding: 2px;cursor: pointer; white-space: nowrap;}
.spanner ul li.sug:hover {background: #ffffff;border:solid 1px;border-color:#8F0000;}
.spr{margin:0 0 0 10px;}

-->