/* ==========================================================================
			   Global Styles
			   ========================================================================== */
			*, *:before, *:after {
			  -moz-box-sizing: border-box;
			  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
			}

			body {
			  background: #ffffff;
			  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
			  font-size: 16px;
			  font-weight: 300;
			  line-height: 1.2;
			  color: #6f6b6b;
			}

			.links {
			   font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
				font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
				font-size: 16px;
			   color: #0e76bc;
			}

			#page {
			  overflow: hidden;
			  position: relative;
			  min-height: 100vh;
			  display: -webkit-box;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-orient: vertical;
			  -webkit-box-direction: normal;
			  -ms-flex-direction: column;
			  flex-direction: column;
			}

			a {
			  color: #194996;
			  text-decoration: none;
			  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
			}

			a:hover {
			  text-decoration: underline;
			}

			p {
			  margin: 12px 0 22px;
			}

			ul, ol {
			  margin: 12px 0 22px;
			  padding: 0 0 0 1em;
			}

			h1, h2, h3, h4, h5, h6 {
			  font-weight: 300;
			  line-height: 1.2;
			  margin: 1em 0 .5em;
			}

			h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
			  font-weight: bold;
			}

			h1 {
			  line-height: 1;
			  font-size: 32px;
			}

			h2 {
			  font-size: 26px;
			}

			h3 {
			  font-size: 20px;
			}

			h4 {
			  font-size: 18px;
			}

			h5 {
			  font-size: 16px;
			}

			h6 {
			  font-size: 14px;
			}

			p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
			  margin-top: 0;
			}

			p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
			  margin-bottom: 0;
			}

			.text-center {
			  text-align: center;
			}

			.text-left {
			  text-align: left;
			}

			.text-right {
			  text-align: right;
			}

			.text-justify {
			  text-align: justify;
			}

			.img-responsive {
			  display: block;
			  max-width: 100%;
			  height: auto;
			}

			.embed-responsive {
			  position: relative;
			  display: block;
			  height: 0;
			  padding: 0;
			  overflow: hidden;
			  z-index: 5;
			}

			.embed-responsive-16by9 {
			  padding-bottom: 56.25%;
			}

			.embed-responsive-4by3 {
			  padding-bottom: 75%;
			}

			.embed-responsive .embed-responsive-item,
			.embed-responsive embed,
			.embed-responsive iframe,
			.embed-responsive object,
			.embed-responsive video {
			  position: absolute;
			  top: 0;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  border: 0;
			}

			.button {
			  appearance: none;
			  padding: 0;
			  margin: 0;
			  border: solid 2px #fff;
			  border-radius: 0;
			  cursor: pointer;
			  background: #4e4e4e;
			  color: #ffffff;
			  text-decoration: none;
			  text-transform: uppercase;
			  line-height: 20px;
			  padding: 5px 10px;
			  font-weight: bold;
			  display: inline-block;
			  vertical-align: top;
			}

			.button:hover,
			.button:focus,
			.button:active {
			  color: #ffffff;
			  background: #000000;
			  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
			}

			.container {
			  padding: 0 10px;
			  margin: 0 auto;
			  position: relative;
			  z-index: 1;
			}

			.container:before,
			.container:after {
			  content: " ";
			  display: table;
			}

			.container:after {
			  clear: both;
			}

			.row {
			  margin: 0 -10px;
			}

			.row:before,
			.row:after {
			  content: " ";
			  display: table;
			}

			.row:after {
			  clear: both;
			}

			.container-large {
			  position: relative;
			  z-index: 1;
			  margin: auto;
			}

			@media (min-width: 768px) {
			  .container {
				width: 750px;
			  }
			}

			@media (min-width: 992px) {
			  .container {
				width: 970px;
			  }
			}

			@media (min-width: 1130px) {
			  .container {
				width: 1100px;
			  }
			}

			@media (min-width: 1300px) {
			  .container-large {
				width: 1274px;
			  }
			}

			@media (max-width: 991px) {
			  h1 {
				font-size: 36px;
			  }

			  h2 {
				font-size: 26px;
			  }
			}

			/* ==========================================================================
			   Header
			   ========================================================================== */

			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

			  #promo-toolbar-top {
				  color: #767676;
				  font-size: 16px;
				  font-weight: 600;
				  padding: 10px 0;
				  display: inline;
							  text-align: center;
							  background-color: #faf9f9;
				  }

						.topbarIcons {
							 width: 25px;
							 float: right;
							 margin: 10px;
						}
						 .topbarIconLabels {
							float: right;
							display: none;
						}

			}

			@media only screen 
					  and (min-device-width : 768px) 
					  and (min-width : 768px) {

				 #promo-toolbar-top {
				  color: #767676;
				  font-size: 16px;
				  font-weight: 600;
				  padding: 10px 0;
							  text-align: right;
							  background-color: #faf9f9;
				  }

							  .topbarIcons {
							   width: 20px;
							   float: right;
							   margin-right: 5px;
							  }
							 .topbarIconLabels {
								 float: right;
								 margin-right: 20px;
							  }

			}

			#logo-toolbar {
			  padding: 20px 0 15px;
			}

			#logo-toolbar #logo {
			  float: left;
			}

			#logo-toolbar #search-form {
			  float: right;
			  padding: 20px 0 0;
			}

			#logo-toolbar #search-form .search-field {
			  width: 250px;
			  height: 30px;
			  border: solid 1px #b1b1b1;
			  border-radius: 0;
			  outline: none;
			  background: #f2f2f2;
			  color: #ada6a6;
			  font-size: 16px;
			  font-weight: bold;
			  line-height: 20px;
			  padding: 4px 5px;
			  margin: 0;
			}


					 @media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

					 .menubar {
							 width: 100%;
							 height: 40px;
							 color: #ffffff;
					 background: #67b1e2;
							 }
							 .menubar-container {
							 width: 100%;
							 margin: auto;
							 padding: 10px;
							 }

			}

			@media only screen 
					  and (min-device-width : 768px) 
					  and (min-width : 768px) {

							.menubar {
							 width: 100%;
							 height: 40px;
							 color: #ffffff;
					 background: #67b1e2;
							 }
							 .menubar-container {
							 width: 1200px;
							 margin: auto;
							 border: 0px #cccccc solid;
							 padding: 10px;
							 }

			}



			@media (max-width: 767px) {
			  #logo-toolbar {
				padding: 20px 0;
			  }

			  #logo-toolbar #logo {
				margin: auto;
				float: none;
				text-align: center;
			  }

			  #logo-toolbar #logo a {
				display: inline-block;
			  }

			  #logo-toolbar #search-form {
				max-width: 480px;;
				margin: 20px auto 0;
				width: auto;
				float: none;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				padding: 0;
			  }

			  #logo-toolbar #search-form .search-field {
				flex: 1;
				margin-right: 5px;
			  }


			}


			/* ==========================================================================
			   Content Area
			   ========================================================================== */

			#content-area {
			  padding: 10px 0;
			  font-size: 20px;
			}


			/* ==========================================================================
			   Footer
			   ========================================================================== */

			#footerE {
			  margin-top: auto;
					  background-image: url("/images/footerBG.jpg");
					  color: #fff;
			}


			#footerE.social-links {
			  text-align: center;
			  padding: 0 0 10px;
			}

			#footerE.copyright-text {
			  text-align: center;
			  font-size: 14px;
			  padding: 0 0 20px;
			}

		     #footerE.product-drop {
			  text-align: center;
			  font-size: 14px;
			  padding: 0 0 20px;
					  color: #000;
			} 

			#footerE.copyright-text a {
			  color: inherit;
			  text-decoration: none;
			}

			#footerE.copyright-text a:hover {
			  color: #ffffff;
			  text-decoration: underline;
			}



				  @media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

				.HomeBanner {
						   display: none;
						}

						.mobileBanner {
							   width: 100%;
						   }

						 .featuresContainer {
						   width: 100%;
						   margin: auto;
						}

						   .features {
							width: 44%;
							margin: 10px;;
							float: left;
							border: solid 0px #ccc;
							text-align: center;
						 }

					   .halfBuckets {
						   width: 100%;
						   margin-bottom: 40px;
						}

                                                   .thirdBuckets  {
			                           width: 99%;
			                            margin: 5px 5px 15px 5px; /* top right bottom left */
			                           border: 0px #cccccc solid;
			                          text-align: center;
			                            }

						.fullBuckets {
						   display:none;
						 }
						 .fullBucketMobile {
							width: 100%;
							margin-bottom: 40px;
						} 
						.bucketSpacer {
							 display: none;
						 }

			}

			@media only screen 
					  and (min-device-width : 768px) 
					  and (min-width : 768px) {

						   .HomeBanner {
							width: 100%;
							margin-top: 0px;
						   }

							 .mobileBanner {
								display: none;  
							 }

						  .featuresContainer {
							width: 1150px;
							margin: auto;
							border: solid 0px #ccc;
						 }

						   .features {
							width: 23%;
							float: left;
							border: solid 0px #ccc;
							text-align: center;  
						 }

						  .halfBuckets {
						   width: 48%;
						   float: left;
						   margin-bottom: 40px;
						}

                                                     .thirdBuckets  {
			                              width: 32%;
			                               margin: 0px 10px 50px 0px; /* top right bottom left */
			                               border: 0px #cccccc solid;
			                                float: left;
			                                text-align: center;
			                              }

						.fullBuckets {
							width: 100%;
							margin-bottom: 40px; 
						}
						 .fullBucketMobile {
							display:none;
						}
						.bucketSpacer {
							 width: 2%;
							 float: left;
						 }

			}
              


			/* ==========================================================================
					   Deals Modal
			 ========================================================================== */


			 .modal {
			  display: none; /* Hidden by default */
			  position: fixed; /* Stay in place */
			  z-index: 999; /* Sit on top */
			  padding-top: 100px; /* Location of the box */
			  left: 0;
			  top: 0;
			  width: 100%; /* Full width */
			  height: 100%; /* Full height */
			  overflow: auto; /* Enable scroll if needed */
			  background-color: rgb(0,0,0); /* Fallback color */
			  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }	



			@media only screen 
			and (min-device-width : 320px) 
			and (max-device-width : 480px) {

			  /* Modal Content */
			.modal-content {
			  background-color: #e2823b;
			  margin: auto;
			  padding: 20px;
			  border: 3px solid #fff;
			  width: 95%; }	

			}

			@media only screen 
							  and (min-device-width : 768px) 
							  and (min-width : 768px) {

			  /* Modal Content */
			.modal-content {
			  background-color: #e2823b;
			  margin: auto;
			  padding: 20px;
			  border: 3px solid #fff;
			  width: 35%; }	

			}


			/* The Close Button */
			.close {
			  color: #aaaaaa;
			  float: right;
			  font-size: 28px;
			  font-weight: bold;
			}

			.close:hover,
			.close:focus {
			  color: #000;
			  text-decoration: none;
			  cursor: pointer;
			}