
		   /*
			  Primary Color: #0f3263
			  Primary Light Color: #0f3263
			  Secondary Color: #fac32f
			*/

			#header,
			.buckets,
			#footer-cta {
			  background-color: #0f3263;
			}

			#footer {
			  background-color: #0f3263;
			}

			#header #top-row {
			  background-color: #1c4fa9;
			}

			#navigation .menu .sub-menu a,
			#navigation .white-button,
			.button.white-button,
			.image-buckets a,
			.image-and-text .bottom-links a,
			.internal-page-buckets a,
			#internal-page-content .sidebar-menu > li > a:hover,
			#internal-page-content .sidebar-menu > li.active > a,
			.buckets .item-icon {
			  color: #0f3263;
			}

			.button,
			#navigation .white-button:hover,
			.button.white-button:hover,
			.buckets a:hover .item-icon {
			  background-color: #fac32f;
			  color: #ffffff;
			}

			.page-banner .live-help-button,
			.button:focus,
			.button:hover {
			  background-color: #1c4fa9;
			  color: #ffffff;
			}

			#navigation .menu > li:hover > a,
			#navigation .menu > li.active > a {
			  color: #ffffff;
			  text-decoration: underline;
			}

			.link-arrow {
			  color: #1c4fa9;
			}

			.page-banner .live-help-button:hover,
			.page-banner .live-help-button:focus,
			.buckets a:hover .item-icon {
			  background-color: #fac32f;
			}

			#footer-cta:before,
			#footer-cta:after {
			  background-image: url('../images/d4-footer-cta-sapphire.png');
			}

			@media (max-width: 991px) {
			  #navigation .menu .sub-menu a {
				color: inherit;
			  }
			}

			/* ==========================================================================
						   Fonts
						   ========================================================================== */

						.titles{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #1e6ea2; font-style:normal; line-height:1.2; text-transform: uppercase;}

						.subtitles{font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #fac32f; font-style:normal; line-height:18px; text-transform: uppercase;}

						.links{font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal; color: #fac32f; font-style:normal;}

						.spacedGray{font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; color: #1e6ea2; font-style:normal; line-height:1.2; text-transform: uppercase;}


						/* ==========================================================================
						   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: #0e76bc;
								  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: #0e76bc 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: #0e76bc 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: #1e6ea2;
									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: #1e6ea2;
								  border: 2px solid #1e6ea2;
								}

										.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: #0e76bc;
								  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: #0e76bc 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: #0e76bc 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: #1e6ea2;
									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: #1e6ea2;
								  border: 2px solid #1e6ea2;
								}

									   .ssl75 {
									 width: 75%;
									 margin: auto;
									 font-size: 16px;
										 font-family: arial;
									  }

						}


						.Requestbutton {
							background: #1e6ea2;
							color: #fff;
							font-family: 'Lato', sans-serif;
							font-size: 17px;
							padding-top: 10px; 
							padding-bottom: 10px;
							margin: 5px 5px;
							text-align: center;
							border: 2px solid #ffffff;
							transition: all 0.3s ease 0s;
							border-radius: 15px;
						}
						input.Requestbutton:hover {
						  background: #ffffff;
						  color: #1e6ea2;
						  border: 2px solid #1e6ea2;
						}


						.CTAbutton {
							background: #fac32f;
							color: #fff;
							font-family: 'Lato', sans-serif;
							font-size: 17px;
							margin: 5px 5px;
							 padding-top: 10px; 
							 padding-bottom: 10px;
							text-align: center;
							border: 2px solid #ffffff;
							transition: all 0.3s ease 0s;
							border-radius: 15px;
						}
						input.CTAbutton:hover {
						  background: #ffffff;
						  color: #fac32f;
						  border: 2px solid #fac32f;
						}
		
