@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

html
{
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin: 0px;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0px;
}


/************/
/* MASTHEAD */
/************/

div#masthead_container
{
	/*background-image: url('../images/masthead_overlay.png');
	background-repeat: repeat-x;
	background-position: top center;*/
	background-color: #73e605;
	position: relative;

	width: 100%;
	min-width: 960px;
	height: 86px;
}

div#masthead_body
{
	position: relative;
	
	margin: 0px auto;
	
	width: 960px;
	height: 86px;
}

div#masthead_body_overlay
{
	background-image: url('../images/masthead_overlay.png');
	background-repeat: repeat-x;
	background-position: top center;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
}

div#masthead_logo
{
	background-image: url('../images/mastheadlogo-01.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 312px;
	height: 86px;
}

div#masthead_tagline
{
	background-image: url('../images/tagline.png');
	position: relative;
	
	margin: 0px auto;
	
	width: 256px;
	height: 86px;
}

/*************/
/* BILLBOARD */
/*************/

div#billboard_container a
{
	text-decoration: none;
}

div#billboard_container
{
	background-color: #000000;
	position: relative;
	
	width: 100%;
	min-width: 960px;
	/*height: 272px;*/
}

div#billboard_body
{
	position: relative;
	margin: 0px auto;
	width: 960px;
	height: 272px;
}

div#billboard_bodySmall
{
	position: relative;
	margin: 0px auto;
	width: 960px;
	height: 47px;
}

div#billboard_small_xoverlay
{
	background-image: url('../images/shortbill_xbg.png');
	background-repeat: x-repeat;
	background-position: bottom center;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

div#billboard_small_yoverlay
{
	background-image: url('../images/shortbill_ybg.png');
	background-repeat: y-repeat;
	background-position: bottom center;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

div#billboard_imagepane
{
	position: relative;
	
	width: 792px;
	height: 272px;
}

div#billboard_bgimage_container
{
	width: 100%;
	height: 272px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#billboard_bgimage, div#billboard_bgimage_prev
{
	background-image: none; /*url('../images/slide04.jpg');*/
	background-repeat: repeat-x;
	background-position: top center;
	
	position: absolute;
	top: 0px;
	/*left: 50%;
	margin-left: -10px; 
	*/
	left: 0px;
	
	width: 100%;
	height: 272px;

}

div#billboard_fgimage, div#billboard_fgimage_prev
{
	background-image: none; /*url('../images/slide04.jpg');*/
	background-repeat: no-repeat;
	background-position: top center;
	
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -10px; 
	width: 100%;
	height: 272px;

}

a#billboard_clickspace
{
	display: block;
	
	cursor: hand;
	cursor: pointer;
	
	width: 792px;
	height: 242px; /*272px;*/

}

div#billboard_imagepane_bubblecontainer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	margin: 0px auto;
	
	text-align: center;
	
	height: 24px;
	/*width: 140px;*/
	display: table;
	/*background-color: green;*/

}

a.billboard_bubble
{
	background-image: url('../images/bubble_small-up.png');
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	
	float: left;
	
	width: 20px;
	height: 24px;
	
}

a.billboard_bubble:link 		{ background-image: url('../images/bubble_small-up.png'); }
a.billboard_bubble:visited 	{ background-image: url('../images/bubble_small-up.png'); }
a.billboard_bubble:hover	{ background-image: url('../images/bubble_small-over.png'); }
a.billboard_bubble:active 	{ background-image: url('../images/bubble_small-up.png'); }

a.billboard_bubble_big
{
	background-image: url('../images/bubble_large.png');
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	
	float: left;
	
	width: 20px;
	height: 24px;
}

div#billboard_optionlinks
{
	position: absolute;
	
	top: 0px;
	right: 0px;
	
	text-align: right;
	
	height: 33px;
	
}

a#billboard_checkoutlink
{
	float: right;
	display: block;
	clear: both;
}

a#billboard_viewcartlink
{
	float: right;
	display: block;
	clear: both;
}

a#billboard_viewcartlink
{
	float: right;
	display: block;
	clear: both;
}

#billboard_loginlink_nopopup, #billboard_logoutlink, #billboard_accountlink
{
	float: right;
	display: block;
	clear: both;
}

div.billboard_pipedivider
{
	background-image: url('../images/pipe-20px.png');
	background-position: top left;
	background-repeat: no-repeat;
	
	position: relative;
	
	margin: 8px 8px 0px 8px;
	
	width: 1px;
	height: 27px;
}

/* VIEW CART BUTTON STUFF */

a#billboard_viewcartbutton
{
	display: block;
	float: right;
	
	height: 27px;
	padding-top: 6px;
}

div.billboard_viewcartbutton_left_off, div.billboard_viewcartbutton_left_on,
div.billboard_viewcartbutton_mid_off, div.billboard_viewcartbutton_mid_on,
div.billboard_viewcartbutton_right_off, div.billboard_viewcartbutton_right_on
{
	float: left;
}

div.billboard_viewcartbutton_left_off, div.billboard_viewcartbutton_left_on
{
	background-image: url('../images/cart_leftcap_off.png');
	background-repeat: none;
	background-position: top left;
	
	
	width: 12px;
	height: 27px;
}

div.billboard_viewcartbutton_left_on
{
	background-image: url('../images/cart_leftcap_on.png');
}

div.billboard_viewcartbutton_mid_off, div.billboard_viewcartbutton_mid_on
{
	background-image: url('../images/cart_mid_off.png');
	background-repeat: repeat-x;
	background-position: top left;
	
	height: 27px;
}

div.billboard_viewcartbutton_mid_on
{
	background-image: url('../images/cart_mid_on.png');
}

div.billboard_viewcartbutton_right_off, div.billboard_viewcartbutton_right_on
{
	background-image: url('../images/cart_right_off.png');
	background-repeat: none;
	background-position: top left;
	width: 19px;
	height: 27px;
}

div.billboard_viewcartbutton_right_on
{
	background-image: url('../images/cart_right_on.png');
}

div.billboard_viewcartbutton_numberarea_off, div.billboard_viewcartbutton_numberarea_on
{
	position: relative;
	top: -5px;

	text-shadow:0px 1px 1px #000000;
	color: #cccccc;
	/*font-family: "PT Sans", arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 19px;
	font-weight: 700;

}

div.billboard_viewcartbutton_numberarea_on
{
	color: #FFFFFF;

}

/* END OF VIEW CART BUTTON STUFF */

div#billboard_catlinks
{
	position: absolute;
	
	top: 33px;
	right: 0px;
	
	padding: 21px 0px 0px 0px;
	
	text-align: right;
	
	height: 239px;
	width: 168px;
	
	/*overflow: hidden;*/
	white-space:nowrap;
}

div#billboard_catlinks a
{
	display: block;
	margin-top: 12px;
	float: right;
}

div#billboard_catlinksSmall
{
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	padding: 0px 0px 0px 0px;
	
	text-align: left;
	
	height: 47px;
	width: 750px;
	
	/*overflow: hidden;*/
	white-space:nowrap;
}

div#billboard_catlinksSmall a
{
	display: block;
	padding-top: 15px;
	
	height: 33px;
	margin-right: 22px;
	float: left;
}

/* FONTS */

.billboard_A
{
	/*font-family: "Verdana", arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-shadow: 0px 1px 1px #000000;
}

.billboard_A:link 		{ color: #CCCCCC;}
.billboard_A:visited 	{ color: #CCCCCC;}
.billboard_A:hover 		{ color: #FFFFFF;}
.billboard_A:active 		{ color: #FFFFFF;}

.billboard_A2
{
	/*font-family: "Verdana", arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-shadow:0px 1px 0px #ffffff;
}

.billboard_A2:link 		{ color: #000000;}
.billboard_A2:visited 	{ color: #000000;}
.billboard_A2:hover 		{ color: #666666;}
.billboard_A2:active 	{ color: #666666;}

.billboard_B
{
	/*font-family: "Verdana", arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-shadow: 0px 1px 1px #000000;
}

.billboard_B:link 		{ color: #CCCCCC;}
.billboard_B:visited 	{ color: #CCCCCC;}
.billboard_B:hover 		{ color: #FFFFFF;}
.billboard_B:active 		{ color: #FFFFFF;}

.billboard_C
{
	/*font-family: "PT Sans", arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 19px;
	color: #CCCCCC;
	text-shadow: 0px 1px 1px #000000;
}

.billboard_C:link 		{ color: #CCCCCC;}
.billboard_C:visited 	{ color: #CCCCCC;}
.billboard_C:hover 		{ color: #FFFFFF;}
.billboard_C:active 		{ color: #FFFFFF;}

.billboard_D
{
	/*font-family: 'PT Serif', Georgia, serif;*/
	font-family: 'Zilla Slab', Georgia, serif;
	font-size: 22px;
	color: #CCCCCC;
	text-shadow:0px 2px 1px #000000;
	
	font-weight: 400;
}

.billboard_D:link 		{ color: #CCCCCC;}
.billboard_D:visited 	{ color: #CCCCCC;}
.billboard_D:hover 		{ color: #73e605;}
.billboard_D:active 		{ color: #73e605;}

/* Accounts Page Fonts*/

.userpages_A
{
	/*font-family: 'PT Sans Caption', Arial, sans-serif;*/
	font-family: "Nunito Sans", arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	
	text-shadow:0px 2px 6px #000000;
	text-decoration: none;
	text-align: center;
	
	font-weight: 400;
}

.userpages_A:link 		{ color: #FFFFFF;}
.userpages_A:visited 	{ color: #FFFFFF;}
.userpages_A:hover 		{ color: #FFFFFF;}
.userpages_A:active 		{ color: #FFFFFF;}

/* MISC */

div.cleardiv
{
	clear: both;
	line-height: 0px;
	height: 0px;
	visibility: hidden;
}

.noselect
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.bleedlink
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 100;
	
	text-decoration: none;
}