@charset "UTF-8";
/* CSS Document */

#promotionBanner img {
	box-sizing: border-box;
	width: 80%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}

#mc_embed_signup {
  margin-bottom: 30px;
}

#mc_embed_signup label{
	width: 150px;
}

#mc_embed_signup .mc-field-group.input-group ul{
	list-style: none;
}

html {
    font-size:.80em;
}

body{
  margin:0;
  padding:0;
  background-image:url(../images/canvas_bg.png);
  font-family:Verdana, Arial, Geneva, sans-serif;
}

#wrapper{
  position:relative;
  /*width:960px;*/
  margin:-30px auto 0 auto;
}

#topBarWrapper{
  background-image:url(../images/top_bg.png);
  background-repeat:repeat-x;
  background-position:top;
  text-align:center;
  color:#fff;
  height:31px;
}

#topBarWrapper p{
  margin:0;
  padding:3px 0 0 0;
}

#header{
  /*position:absolute;
  width:970px;
  top:10px;*/
  margin-top:10px;
  margin-bottom:10px;
}

#logo img {
	width:100%;
	height:auto;
}

#logo p{
  padding:0;
  margin:0;
}

#tagline{
  /*position:absolute;
  top:35px;
  left:435px;*/
  margin-top:46px;
  padding:5px;
  white-space:nowrap;
}

#socialMedia{
  /*position:absolute;
  top:10px;
  right:180px;*/
}

#socialMedia img{
  margin:5px;
}

#guestBook{
  /*position:absolute;
  top:10px;
  width:170px;
  right:0;*/
}

#main_menu{
  position:absolute;
  top:90px;
  left:130px;
  /*width:756px;*/
}

ul.sf-section{
  margin-top:200px;
}

#mainBody{
  /*position:absolute;
  top:140px;
  width:100%;*/
  clear:both;
  margin-top: 30px;
}

#slideshow{
  /*width:738px;
  margin-right:20px;
  float:left;*/
  margin-bottom:-40px;
}

#ad{
  /*width: 190px;
  float:left;*/
}

#ad p{
  padding:0;
  margin:0;
}

#articles {
  /*width:646px;
  float:left;*/
}

#right{
  /*width:323px;
  float:left;*/
}

#featureBoxes{
  clear:both;
}

.featureBox{
  /*width:323px;
  float:left;*/
}

#footer{
  text-align:center;
  color:#404040;
  font-size:.85em;
  /*width:970px;*/
  clear:both;
}

.clear{
  clear:both;
}

.inside{
  padding:10px;
}

h1, h2, h3, h4, h5, h6{
  font-size: 1.5em !important;
  color: #3a5c6d !important;
  font-family: fantasy !important;
  font-weight: 900 !important;
  word-spacing: 2px !important;
}

a:link, a:visited{
  color:#9e0b0f;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

/* --- columns -- */

.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4{
  width:24%;
  float:left;
  padding:3px;
}

.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3{
  width:31%;
  float:left;
  padding:10px;
}

.cols-2 .column-1, .cols-2 .column-2{
  width:47%;
  float:left;
  margin:10px;
}

.items-row{
  clear:both;
}

div.sectiontablefooter ul{
  list-style:none;
  margin:10px auto;
}

div.sectiontablefooter ul li{
  display:inline;
  /*float:left;*/
  padding:5px;
}

div.pagecounter{
  clear:both;
}

/** menu **/

.navbar-default {
    background-color: transparent;
    border-color: none;
}

.navbar-default {
    background-image: none;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
}

.navbar {
    border: none;
    margin-bottom: 5px;
    min-height: 10px;
    position: relative;
}

.navbar-toggle:after {
   content: "Menu";
   color:#660000;
}

.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    float: right;
    margin-bottom: 4px;
    margin-right: 15px;
    margin-top: 4px;
	font-size:.8em;
    padding: 5px;
    position: relative;
}

/** bootstrap overwrite **/

#mobile_main_menu {
	display:none;
}

.states {
	width:16%;
	float:left;
	padding:0 5px;
}

.cols-3 .column-1 img, .cols-3 .column-2 img, .cols-3 .column-3 img {
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}

@media (max-width: 992px) {
	#main_menu{
		position:relative;
		top:0;
		left:0;
		/*width:756px;*/
	}
	
	#tagline{
	  margin-top:21px;
	  padding:5px;
	  white-space:nowrap;
	}
	
	#header {
		margin-bottom: 0;
		margin-top: 10px;
	}
	
	#header .clear {
		display:none;
	}
	
	#slideshow{
		width:70%;
	}
	
	#ad {
		width:30%;
	}
	
	.cols-3 .column-1 img, .cols-3 .column-2 img, .cols-3 .column-3 img {
		width:100%;
		height:auto;
	}
	
}

@media (min-width: 1200px) {
}
	

@media (max-width: 767px) {
	
	#mobile_main_menu {
		display:block;
	}
	
	.states {
		width:100%;
		padding:0 5px;
	}

	#main_menu {
		display:none;
	}
	
	#logo img{
		width:100%;
		height: auto;
	}
	
	#header{
		margin-top:20px;
		margin-bottom:0;
	}
	
	.navbar-default {
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E7E7E7));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 100%);
		width:100%;
	}
	
	#tagline{
	  margin-top:0;
	  padding:5px;
	  white-space:nowrap;
	}
	
	#tagline p{
		text-align:center;
	}
	
	
	#main_menu{
	  position:relative;
	  top:0;
	  left:0;
	}
	
	#slideshow{
		width:100%;
	}
	
	#ad {
		width:100%;
	}
	
	#slideshow{
	  margin-bottom:0px;
	}
	
	#ad{
		text-align:center;
	}
	
	.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
		width:100%;
		clear:both;
		padding-left:0;
		padding-right:0;
	}
	
	.navbar {
		margin-bottom: 0;
	}
	
	.container {
		padding-left:5px;
		padding-right: 5px;
	}
	
	.col-xs-12 {
		padding-left:5px;
		padding-right:5px;
	}
	
	.cols-3 .column-1 img, .cols-3 .column-2 img, .cols-3 .column-3 img {
		width:initial !important;
		height:initial !important;
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
		width:100%;
		clear:both;
		padding-left:0;
		padding-right:0;
	}
	
	#logo img{
		width:100%;
		height: auto;
	}
	
	#tagline{
	  margin-top:20px;
	}
	
	#header{
	  /*position:absolute;
	  width:970px;
	  top:10px;*/
	  margin-top:10px;
	  margin-bottom:0px;
	}
	
	#main_menu{
		position:relative;
		top:0;
		left:10px;
		margin-bottom:20px;
	  /*position:absolute;
	  top:90px;
	  left:0
	  width:756px;*/
	}
	
	#header .clear{
		display:none;
	}
	
	.col-lg-9, .col-md-9, .col-sm-9{
		width:70%;
	}
	
	.col-lg-3, .col-md-3, .col-sm-3{
		width:29%;
	}
	
	.cols-3 .column-1 img, .cols-3 .column-2 img, .cols-3 .column-3 img {
		width:initial !important;
		height:initial !important;
	}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.container {
		padding-left:5px;
		padding-right: 5px;
	}
	
	#logo img{
		width:100%;
		height: auto;
	}
	
	#tagline{
	  margin-top:40px;
	}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.cols-3 .column-1 img, .cols-3 .column-2 img, .cols-3 .column-3 img {
		width:initial !important;
		height:initial !important;
	}

}

#mobile_main_menu ul.menu{
	list-style:none;
	padding:0;
	margin:0;
}

#mobile_main_menu ul.menu li a{
	display:block;
	padding:10px 0;
	border-bottom: 1px solid #404040;
}

#mobile_main_menu ul.menu li ul, #mobile_main_menu ul.menu li ul li ul{
	list-style:none;
	margin:0;
	padding:0;
}

#mobile_main_menu ul.menu li ul li a{
	/*text-indent:10px;*/
	padding-left: 15px;
	border-bottom: 1px dashed #c4c4c4;
}

#mobile_main_menu ul.menu li ul li ul li a{
	/*text-indent:20px;*/
	padding-left: 30px;
	border-bottom: none;
	background-color:#ebebeb;
}

#articles .item-page img, #articles .item-page object, #articles .item-page embed{
	width:100% !important;
	height:auto !important;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega {
  width: 120px;
  text-align: center;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.mega li span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega li a.mega {
  width: auto;
  text-align: left;
}

.pagination {
  width:100%
}

.pagination ul {
	list-style:none;
}

.pagination li, .pagination li.pagination-start, .pagination li.pagination-prev, 
.pagination li.pagination-next, .pagination li.pagination-end {
	display: inline-block;
  	border: 1px solid #ebebeb;
  	padding: 5px !important;
  	margin-right:1px;
}

.pagination li a {
  display: block !important;
}

.pagination li:hover {
  background-color: rgba(0,0,0,0.1);
}

div.shopbutton {
  margin: 15px auto;
  display: block;
  border: 2px outset #1E3E4A;
  border-radius: 10px;
  width: 40%;
  min-width: 200px;
  background-color: #1E3E4A;
  color: #fff;
  font-size: 20pt;
  text-align: center;
  font-weight: bold;
  line-height: 28px;
  padding: 8px;
  background: -webkit-linear-gradient(#1E3E4A, #81A6C7, #53748A, #53748A);
  background: -o-linear-gradient(#1E3E4A, #81A6C7, #53748A, #53748A);
  background: -moz-linear-gradient(#1E3E4A, #81A6C7, #53748A, #53748A);
  background: linear-gradient(#1E3E4A, #81A6C7, #53748A, #53748A);
  text-shadow: 2px 2px #000;
}

div.shopbutton a {
  color: #fff !important;
  width:100%;
  display:block;
}

div.faqcollection {
  border: 1px solid #000;
  background-color: #eee;
  padding: 5px;
}

div.faqtitle {
  font-size: 14pt;
  font-weight: bold;
  margin-top: 25px;
  margin-left: 5px;
}

div.faqgroup {
  margin: 10px 0;
  display: block;
  position: relative;
  clear: both;
  padding: 5px;
}

div.faqgroup div.question {
  position: relative;
  cursor: pointer;
  font-size: 10pt;
}

div.faqgroup div.question:hover {
  color: #9E0B0F;
}

div.faqgroup div.answer {
  height: auto;
  padding-left: 15px;
  font-size: 9pt;
}

div.clear {
  display: block;
  height: 0;
  clear: both;
}

div.items-leading > div {
	padding: 10px;
	margin-bottom: 10px;
}