body {
			  font-family: 'Lato', sans-serif;
			  font-size: 14px;
			  font-weight: normal;
			  line-height: 2;
			  color: #5a5a5a;
			}

		/* ==========================================================================
		   Primary Color
		   ========================================================================== */

		h1, h2, h3, h4, h5, h6,
		body.scrolled #header #navigation .menu > li.active > a,
		.white-button:hover,
		.white-button:focus,
		.white-button:active,
		#homepage-promo-1 .polaroid:hover .click-to-view,
		body.scrolled #menu-toggle,
		body.menu-expanded #menu-toggle,
		#sidebar .sidebar-menu > li.active > a,
		#sidebar .sidebar-menu > li > a:hover,
		#sidebar .sidebar-menu ul li a:hover,
		#sidebar .sidebar-menu ul li.active > a,
		#sidebar .button-widget a:hover,
		.form-control {
		  color: #4573ab;
		}

		.form-control::-moz-placeholder {
		  color: #4573ab;
		  opacity: 1;
		}

		.form-control::-ms-input-placeholder {
		  color: #4573ab;
		}

		.form-control::-webkit-input-placeholder {
		  color: #4573ab;
		}

		#slideshow .image-slides:before,
		.buckets a:hover span,
		.button {
		  background-color: #4573ab;
		}

		.border-button {
		  background-color: transparent;
		  color: #4573ab;
		  border-color: #4573ab;;
		}

		.button.border-button:hover {
		  background-color: #4573ab;
		  color: #fff;
		}

		#banner .banner-content:before {
		  background-color: rgba(14, 118, 188, .5);
		}

		.buckets a span {
		  background-color: rgba(14, 118, 188, .76);
		}

		#cta:after {
		  background-color: rgba(14, 118, 188, .78);
		}

		body.scrolled #menu-toggle .bars,
		body.scrolled #menu-toggle .bars:before,
		body.menu-expanded #menu-toggle .bars,
		body.menu-expanded #menu-toggle .bars:before,
		#sidebar .button-widget a:hover [class^="bw-icon-"],
		.form-control {
		  border-color: #4573ab;
		}

		@media (max-width: 991px) {
		  #navigation .menu {
			border-top: solid 1px #4573ab;
		  }

		  #navigation .menu > li.active > a,
		  #navigation .menu > li > a:hover,
		  #navigation .menu ul a:hover,
		  #navigation .menu ul li.active > a {
			color: #4573ab;
		  }
		}

		/* ==========================================================================
		   Secondary Color
		   ========================================================================== */
		#header #top-links a,
		#homepage-promo-1 .polaroid .click-to-view,
		#footer h4,
		#footer .contact-info-row .icon {
		  color: #96c13c;
		}

		#header #promo-toolbar,
		.secondary-button,
		.button:hover {
		  background-color: #96c13c;
		}

		.secondary-button:hover {
		  background-color: #4573ab;
		}

		@media (min-width: 992px) {
		  #header #navigation .menu > li:hover > a,
		  body.scrolled #header #navigation .menu > li:hover > a,
		  #header #navigation .menu ul a:hover {
			color: #96c13c;
		  }
		}

		@media (max-width: 991px) {
		  #top-links-mobile a {
			color: #96c13c;
		  }
		}



		/* ==========================================================================
		   Form 
		   ========================================================================== */
		/* mobile */
		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 480px) {

				input.FBfield, .CPtextfield, .ShopTextfield, .ecardTextField, .srvRTextField, .CSTfield, .BLGfield, .EXfield {
				  background-color: #f9f9f9;
				  font-family:"arial";
				  font-size:15px;
				  border-color: #4573ab;
				  border-width:1px;
				  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
				  color: #000;
				  height:40px;
						  width: 95%;
				  padding:5px 20px;
				  border-radius: 15px;
				}

				textarea.FBtextarea, .ShopTextAreafield, .ecardTextAreaField, .srvRTextArea, .BLGtextarea  {
				  background-color: #f9f9f9;
				  border: #4573ab 1px solid;
				  color: #000;
				  font-family: arial;
				  font-size: 15px;
				  font-weight: normal;
				  border-radius: 15px;
				  padding:5px 20px;
						 width: 95%;
				}

				select.FBselect, .CPselect, .ShopDropMenu, .vsDropMenu, .ecardDropField, .compareDropMenu, .srvRDropMenu  {
				  background-color: #f9f9f9;
				  border: #4573ab 1px solid;
				  color:#000;
				  font-weight:normal;
				  font-family: arial;
				  font-size:15px;
				  height: 40px;
				  width: 90%;
				  border-radius: 15px;
				}

				.FBbutton, .CPbutton, .ShopButton, .vsButton, .ecardbutton, .compareSubmit, .srvRButton, .CSTbutton, .BLGbutton, .CouponButton, .EXbutton  {
					background: #4573ab;
					color: #fff;
					font-family: Sans-serif;
					font-size: 17px;
					height: 35px;
					line-height: 18px;
					margin: 5px 5px;
					padding: 0px 15px 0px 15px;
					text-align: center;
					border: 2px solid #ffffff;
					transition: all 0.3s ease 0s;
					border-radius: 15px;
				}
				input.FBbutton:hover, .CPbutton:hover, .ShopButton:hover, .vsButton:hover, .ecardbutton:hover, .compareSubmit:hover, .srvRButton:hover, .CSTbutton:hover, .BLGbutton:hover, .CouponButton:hover, .EXbutton:hover {
				  background: #ffffff;
				  color: #4573ab;
				  border: 2px solid #4573ab;
				}

						.ssl75 {
					 width: 95%;
					 margin: auto;
					 font-size: 16px;
						 font-family: arial;
					  }


		}

		/* desktop*/
		@media only screen 
		and (min-device-width : 800px) 
		and (min-width : 800px) {

				  input.FBfield, .CPtextfield, .ShopTextfield, .ecardTextField, .srvRTextField, .CSTfield, .BLGfield, .EXfield {
				  background-color: #f9f9f9;
				  font-family:"arial";
				  font-size:15px;
				  border-color: #4573ab;
				  border-width:1px;
				  border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
				  color: #000;
				  height:40px;
						  width: 80%;
				  padding:5px 20px;
				  border-radius: 15px;
				}

				textarea.FBtextarea, .ShopTextAreafield, .ecardTextAreaField, .srvRTextArea, .BLGtextarea  {
				  background-color: #f9f9f9;
				  border: #4573ab 1px solid;
				  color: #000;
				  font-family: arial;
				  font-size: 15px;
				  font-weight: normal;
				  border-radius: 15px;
				  padding:5px 20px;
						 width: 90%;
				}

				select.FBselect, .CPselect, .ShopDropMenu, .vsDropMenu, .ecardDropField, .compareDropMenu, .srvRDropMenu  {
				  background-color: #f9f9f9;
				  border: #4573ab 1px solid;
				  color:#000;
				  font-weight:normal;
				  font-family: arial;
				  font-size:15px;
				  height: 40px;
						  width: 80%;
				  border-radius: 15px;
				}

				.FBbutton, .CPbutton, .ShopButton, .vsButton, .ecardbutton, .compareSubmit, .srvRButton, .CSTbutton, .BLGbutton, .CouponButton, .EXbutton {
					background: #4573ab;
					color: #fff;
					font-family: Sans-serif;
					font-size: 17px;
					height: 35px;
					line-height: 18px;
					margin: 5px 5px;
					padding: 0px 15px 0px 15px;
					text-align: center;
					border: 2px solid #ffffff;
					transition: all 0.3s ease 0s;
					border-radius: 15px;
				}
				input.FBbutton:hover, .CPbutton:hover, .ShopButton:hover, .vsButton:hover, .ecardbutton:hover, .compareSubmit:hover, .srvRButton:hover, .CSTbutton:hover, .BLGbutton:hover, .CouponButton:hover, .EXbutton:hover {
				  background: #ffffff;
				  color: #4573ab;
				  border: 2px solid #4573ab;
				}

					   .ssl75 {
					 width: 75%;
					 margin: auto;
					 font-size: 16px;
						 font-family: arial;
					  }

		}


		/* ==========================================================================
		   Fonts
		   ========================================================================== */

		.titles{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #4573ab; font-style:normal; line-height:1.2; text-transform: uppercase;}

		.spacedGray{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #4573ab; font-style:normal; line-height:1.2; text-transform: uppercase; letter-spacing:0;}

		.subtitles{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #96c13c; font-style:normal; line-height:18px; text-transform: uppercase;}
		.subtitles2{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #4573ab; font-style:normal; line-height:18px; text-transform: uppercase;}

		.bmpfont{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #96c13c; font-style:normal; line-height:18px;}




		/* ==========================================================================
		   Giftcard System
		   ========================================================================== */

		/* Gift Card System Styles */
		a{text-decoration:none}
		.pagetitles{font-family: Verdana; font-size: 14pt; font-weight: bold; color: #6b3042}
		.wizardtitles{font-family: Verdana; font-size: 12pt; font-weight: bold; color: #6b3042}
		.instructions{font-weight: bold}
		.buttons{
			background: #4573ab;
			color: #fff;
			font-family: Sans-serif;
			font-size: 17px;
			height: 35px;
			line-height: 18px;
			margin: 5px 5px;
			padding: 0px 15px 0px 15px;
			text-align: center;
			border: 2px solid #ffffff;
			transition: all 0.3s ease 0s;
			border-radius: 15px;
		}
		input.buttons:hover {
		   background: #ffffff;
		  color: #4573ab;
		  border: 2px solid #4573ab;
		}
		.largebuttons {
			width: 180; 
		   background: #4573ab;
			color: #fff;
			font-family: Sans-serif;
			font-size: 17px;
			height: 35px;
			line-height: 18px;
			margin: 5px 5px;
			padding: 0px 15px 0px 15px;
			text-align: center;
			border: 2px solid #ffffff;
			transition: all 0.3s ease 0s;
			border-radius: 15px;
		}
		.selectList{
			width:160;
				 background-color: #f9f9f9;
				border: #4573ab 1px solid;
				color:#000;
			   font-weight:normal;
			   font-family: arial;
			   font-size:15px;
			   height: 40px;
			  width: 500px;
			  border-radius: 15px;
		}
		.textFieldSmall{
			width:100;
			  background-color: #f9f9f9;
				font-family:"arial";
				font-size:15px;
				border-color: #4573ab;
				border-width:1px;
				border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
			   color: #000;
			   height:40px;
			   padding:5px 20px;
			   border-radius: 15px;
		}
		.textFieldLarge{
			width:400;
			  background-color: #f9f9f9;
				 font-family:"arial";
				font-size:15px;
				border-color: #4573ab;
				border-width:1px;
				border-style: solid;   /*  [ none | dotted | dashed | solid | double | groove | ridge | inset | outset  */
			   color: #000;
			   height:40px;
			   padding:5px 20px;
			   border-radius: 15px;
		}
		.requiredField{color: FF0000}

		.sslTop1 {
			width: 100%;
			height: 35px;
		}
		.sslTop2 {
			width: 100%;
			height: 35px;
		}

		input::-webkit-input-placeholder {
		color: #ccc !important;
		}

		input:-moz-placeholder { /* Firefox 18- */
		color: #ccc !important;  
		}

		input::-moz-placeholder {  /* Firefox 19+ */
		color: #ccc !important;  
		}

		input:-ms-input-placeholder {  
		color: #ccc !important;  
		}

		textarea::-webkit-input-placeholder {
		color: #ccc !important;
		}

		textarea:-moz-placeholder { /* Firefox 18- */
		color: #ccc !important;  
		}

		textarea::-moz-placeholder {  /* Firefox 19+ */
		color: #ccc !important;  
		}

		textarea:-ms-input-placeholder {  
		color: #ccc !important;  
		}


		/* ==========================================================================
		   Search Overlay
		   ========================================================================== */

		/* Overlay style */
		.overlay {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(69,115,171,0.9);
			z-index: 10000;
		}

		/* Overlay closing cross */
		.overlay .overlay-close {
			width: 80px;
			height: 80px;
			position: absolute;
			right: 20px;
			top: 20px;
			overflow: hidden;
			border: none;
			background: url('/includes/overlay/cross.png') no-repeat center center;
			text-indent: 200%;
			color: transparent;
			outline: none;
			z-index: 101;
		}


		/* Effects */
		.overlay-slidedown {
			visibility: hidden;
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
			transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
		}

		.overlay-slidedown.open {
			visibility: visible;
			-webkit-transform: translateY(0%);
			transform: translateY(0%);
			-webkit-transition: -webkit-transform 0.4s ease-in-out;
			transition: transform 0.4s ease-in-out;
		}

		@media screen and (max-height: 30.5em) {
			.overlay nav {
				height: 70%;
				font-size: 34px;
			}
			.overlay ul li {
				min-height: 34px;
			}
		}


		.searchDiv {
		  width: 100%;
		  height:250px;
		  border:thin;
		  /* vertically align any element with thise 5 lines */
		  position: relative;
		  top: 50%;
		  transform: translateY(-50%);
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  /* vertically align */
		  text-align:center;
		}
		.searchfield {
			background-color: transparent;
			border: 1px solid #ffffff; 
			border-radius: 15px;
			height: 60px;
			width: 400px;
			color: #ffffff;
			font-size: 20px;
			padding: 5px;
		}

		input.searchfield :focus, select:focus, textarea:focus {
			outline-size: 1px;
			outline-style: thin;
			outline-color: #ffffff;
		}
		::-webkit-input-placeholder { /* WebKit browsers */
			color:    #fff;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		   color:    #fff;
		   opacity:  1;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
		   color:    #fff;
		   opacity:  1;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
		   color:    #fff;
		}



		.pic{
			  float: left;
			  padding-right: 10px;
			  opacity: 1;
			  filter: alpha(opacity=100);
			  background: url(http://www.corelangs.com/css/box/img/duck.png) no-repeat;
			}
			.pic:hover
			{
			  opacity: 0.3;
			  filter: alpha(opacity=30);
			}