@charset "utf-8";

/*





Developer Notes



Color Scheme:

Pantone / Color Name 		Tint		Hex				Usage

---------------------		----		-------			-----

5643C / Midnight Blue		100			003745			header background

5643C / Medium Blue			70			006677			h2, page titles



*/



 

/* ///////////////////////////



@import rules



/////////////////////////// */



@import url("reset.css");



/* ///////////////////////////



Global Overrides



/////////////////////////// */



body {

	background: url(../../images/body-bg.jpg) repeat-x #FFF;

	font: normal 14px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;

}



h1 {

	

}



h2 {
	margin-bottom: 1em;
	font: bold 16px sans-serif;
	color: #6b2312;

}



h3 {

	margin-bottom: 5px;

	font: bold 14px sans-serif;

	color: #ED6100;

	border-bottom: 1px solid #ED6100;

	width: 300px;

	float: left;

}



h4 {

	margin-bottom: 5px;

	font: bold 14px sans-serif;

	color: #ED6100;

}



p {

	margin-bottom: 1em;

}



/* ///////////////////////////



ID Declarations



/////////////////////////// */

#site {

	width: 880px;

	margin: 15px auto;

}





#header {
	width: 880px;
	vertical-align: bottom;
	height: 189px;
	float: left;
	background-image: url(../../wp-content/uploads/2015/12/Badgeman-headerbg-400x225.jpg);
	background-repeat: repeat;
	background-position: left top;

}



#masthead {

	height: 156px;

	width:880px;

	padding:0;

	float: left;

}



#main-nav {

	color: #FFF;

	background: url(../../images/nav-bg.jpg) repeat-x;

	height: 31px;

	width: 880px;

	float: left;

}

* html #main-nav { /*IE only. Add 1em spacing between menu and rest of content*/



}



#main-nav ul {

	list-style-type: none;

	margin:0; margin-left: 7px;

	padding:0;

}



#main-nav li {

	display:inline;

	margin:0;

	padding:0;	

	font: bold 12px sans-serif;

}



#main-nav li a {

	background: url(../../images/nav-left1.jpg) no-repeat left bottom;

	float:left;

	margin:0;

	padding:0 0 0 12px;

	text-decoration:none;

	color: #FFF;

	cursor: default;	

}



#main-nav li a span {

	background: url(../../images/nav-right1.jpg) no-repeat right bottom;

	float:left;

	display:block;

	padding:8px 17px 8px 7px;

	font-weight:bold;

	color:#FFF;

	margin-right: 5px;

}	



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#main-nav a span {float:none;}

/* End IE5-Mac hack */



#main-nav li a:hover {

	background: url(../../images/nav-left1.jpg) no-repeat left top;

}



#main-nav li a:hover span {
	background: url(../../images/nav-right1.jpg) no-repeat right top;
	color: #6b2312;

}





#main-nav #current a {

	background: url(../../images/nav-left1.jpg) no-repeat left top;

}



#main-nav #current a span {

	background: url(../../images/nav-right1.jpg) no-repeat right top;

}



#page {

	min-width: 878px;

	padding-bottom: 10px;

	background: #FFF;

	border-left: 1px solid #CCC;border-right: 1px solid #CCCCCC;

	float: left;

}



#content {

	width: 610px; float: left;

}



#article {

	padding: 15px; padding-top: 10px;

}		



#sidebar {

	width: 250px;

	float: right;

}



#footer {

	width: 880px;

	height: 60px;

	background: url(../../images/footer-bg.jpg) repeat-x;

	color: #FFF;

	float: left;

}



#footer-nav {

	padding-top: 10px;

	text-align: center;

	width: 700px;

	float: left;

	margin-left: 40px;

}



#footer-nav ul {

	padding: 0 0 2px 8px;

}



#footer-nav li {

	display: inline;

	padding: 3px;

	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

}



#footer-nav li a {

	text-decoration: underline;

	color: #FFF;

}



#footer-nav li a:hover {	

	text-decoration: none;

}



#go-web {

	padding-top: 5px;

	text-align: center;

	width: 730px;

	float: left;

	margin-left: 20px;

	font-size:11px;

}



#go-web a {

	text-decoration: underline;

	color: #FFF;

	font-weight: bold;

}



#go-web a:hover {

	text-decoration: none;

}	



/* ///////////////////////////



Custom Classes



/////////////////////////// */

.clear-both {

	height: 0px;

	clear: both;

}



.no-margin, #content.no-margin {

	margin:0;

}



.one-col {

	width: 100%;

	padding-top: 10px;

}



.logo {

	width: 280px;

	height: 156px;

	float: left;

}



.logo h1 {	

	display: none;

}



.logo-small {

	width: 100px;

	float: right;

	margin-right: 15px;

	margin-top: 15px;

}



.flashcontent {

	width: 348px;

	height: 155px;

	float: right;

	padding:0px;

	margin: 0;

}



.sidebar-bg {

	background: url(../../images/box-tall-bottom.jpg) bottom center no-repeat;

	width: 234px;

	height: min-height: 300px;

	float:left;

}	



.sidebar-bg-top {

	background: url(../../images/box-tall-top.jpg) top center no-repeat;

	width: 234px;

	height: 5px;

	float:left;

}	



.long-box-top {

	background: url(../../images/box-long-top.jpg) no-repeat top center;

	width: 595px;

	height: 7px;

	float: left;

	line-height:1px;

}



.long-box {

	background: url(../../images/box-long.jpg) no-repeat bottom center;

	width: 595px;

	float: left;

}



.long-box-content {

	padding: 10px;padding-top:0;

	width: 575px;

	float: left;

}



.white-boxes {

	width: 560px;

	float: left;

	background: #FFF;

	border: 1px solid #CCCCCC;

	padding: 5px;

}	



.white-box {

	background: url(../../images/white-box-bottom.jpg) bottom center;

	width: 594px;

	height: 100%;	

	float: left;

	margin: 10px 0;

}



.white-box span {

	background: url(../../images/white-box-top.jpg) no-repeat top center;

	width: 594px;

	height: 11px;

	display: block;

}

	

.white-box-content {

	font-size: 12px;

	line-height: 14px;

	margin-top: 8px;

	width: 545px;

	margin-left: 30px;

}			



.small-orange-button {

	background: url(../../images/orange-btn-small.jpg) no-repeat;

	width: 85px;

	height: 22px;

	text-align: center;

	padding-top: 3px;

	float: right;

	margin-right: 40px; margin-bottom: 10px;

}	



.small-orange-button a {

	text-decoration: none;

	color: #FFF;

	font-weight: bold;

	padding-top: 10px;

}	



.small-orange-button a:hover {

	color: #03599C;

}	



.large-orange-button {

	background: url(../../images/orange-btn-large.jpg) no-repeat;

	width: 103px;

	height: 21px;

	text-align: center;

	color: #FFF;

	padding-top: 3px;

	font-weight: bold;

	margin-left: 10px;

}	



.contact {

	width: 233px;

	float: left;

	color: #03599C;

	text-align: center;

	font-weight: bold;

	margin-top: 20px;

}	



.blue-box-top {

	background: url(../../images/box-tall-top.jpg) no-repeat;

	width: 234px;

	height: 6px;

	float: left;

}



.blue-box-bottom {

	background: url(../../images/box-tall-bottom.jpg) no-repeat bottom;

	width: 234px;

	float: left;

	overflow: hidden;

	padding-bottom: 11px;

}	



.bullets {

	list-style: inside circle;

}	



.orange-link a {

	color: #ED6100;

}



.orange-link a:hover {

	text-decoration: none;

}		



.signs {

	width:250px;

	float:left;

	margin-right: 30px;

	text-align: center;

	margin-bottom:10px;

}	



.gifts {

	width:350px;

	float:left;

	margin-right: 30px;

	text-align: center;

	margin-bottom:10px;

}



.form-box {

	width: 450px;

	float:left;

	margin-left: 30px;

}



.form2 {

	width: 530px;

	float:left;

	margin-left: 20px;

}



.label {

	width:100px;

	float:left;

	margin-bottom:7px;

	text-align: right;

}



.label3 {

	width:125px;

	float:left;

	margin-bottom:7px;

	text-align: right;

	color:#ED6100;

	font-weight:bold;

}



.label2 {

	width:165px;

	float:left;

	margin-bottom:7px;

	text-align: right;

}



.input {

	width:250px;

	float:left;

	margin-bottom:7px;

	margin-left:15px;

}



.input2 {

	width:150px;

	float:left;

	margin-bottom:7px;

	margin-left:10px;

}



.quantity {

	width:200px;

	float:left;

}



.links {

	color: #000;

}



.links a {

	color: #03599C;

}



.links a:hover {

	text-decoration: none;

}			



.order-button {

	background: url(../../images/orange-btn-large.jpg) no-repeat;

	width: 103px;

	height: 24px;

	text-align: center;

	padding-top: 3px;

	margin: 0 auto;

}	



.order-button a {

	text-decoration: none;

	color: #FFF;

	font-weight: bold;

	padding-top: 10px;

}	



.order-button a:hover {

	color: #03599C;

}



.order-button2 {

	background: url(../../images/orange-btn-large.jpg) no-repeat;

	float: right;

	margin-left: 10px;

	width: 103px;

	height: 24px;

}	



.order-button2 a {

	text-decoration: none;

	color: #FFF;

	font-weight: bold;

	padding-top: 3px;

	text-align: center;

	display: block;

}	



.order-button2 a:hover {

	background: url(../../images/orange-btn-large-over.jpg) no-repeat;

	padding-top: 3px;

	display: block;

	height: 27px;



}



.order-button-blue {

	background: url(../../images/orange-btn-large-over.jpg) no-repeat;

	float: right;

	margin-left: 10px;

	width: 103px;

	height: 24px;

}	



.order-button-blue a {

	text-decoration: none;

	color: #FFF;

	font-weight: bold;

	padding-top: 3px;

	text-align: center;

	display: block;

}	



.order-button-blue a:hover {

	background: url(../../images/orange-btn-large.jpg) no-repeat;

	padding-top: 3px;

	display: block;

	height: 27px;



}





.quote1 {

	width:120px;

	float:left;

}	



.quote2 {

	width:90px;

	float:right;

	text-align: right;

}



.two-col {

	width:45%;

	float:left;

	margin-left:30px;

}	



.three-col {

	width:31%;

	float:left;

	padding: 0 1%;

}

.four-col {
	width:23%;
	float:left;
	padding: 0 1%;
}

.order-lines {

	width:100%;

	float: left;

	padding-bottom:7px;

}



.short-col {

	width:80px;

	float:left;

	text-align: center;

	margin-right:15px;

}			

	

.blue {

	color: #000099;

}	



.red {

	color: #990000;

}



.green {

	color: #003300;

}



.purple {

	color: #330066;

}



.badge-divider {

	width:100%;border-top:3px solid #000;border-bottom:3px solid #000;padding:10px 0;margin:15px 0;

}



.hide-from-humans { display: none; }