.container { line-height: 30px; color: #000000; font-size: 14px;} 
#about_wrap { width: 200px; margin: 10px auto; margin: 20px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
.svg_icons_w { height: 18px; transition: all 0.2s ease-in-out; filter: invert(83%) sepia(55%) saturate(0%) hue-rotate(47deg) brightness(111%) contrast(101%); }
.svg_icons_w:hover { height: 18px; transition: all 0.2s ease-in-out; filter: invert(43%) sepia(78%) saturate(399%) hue-rotate(2deg) brightness(89%) contrast(92%); }

.welcome { text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size: calc(1.325rem + 0.9vw); text-align: center;}
#footspace {width: 30px; height: 12px;}
.caption-w { text-shadow: 1px 1px 2px #000000, 0 0 2px #333333, 0 0 10px #666666; }

@media (min-width: 1200px) { .welcome { font-size: 2rem; }}

#Magali { max-width: 300px; float: right; text-align: right; margin-left: 20px; max-width: 240px; background:#D652D9; padding: 10px; border:1px solid #999; }

.char9 { color: #333333; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9b { color: #333333; font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9 a:link { color: #5D4C3B; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9 a:visited { color: #5D4C3B; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9 a:hover { color: #757575; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char9w { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9b { color: #FFFFFF; font-weight: bold; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.char9w a:link { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9w a:visited { color: #FFFFFF; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char9w a:hover { color: #FFFF81; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char10over12 { color: #333333; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-align: center;}
.char11over13 { color: #333333; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; text-align: center;}
.char11over14 { color: #333333; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; text-align: center;}

.char10 { color: #333333; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10b { color: #333333; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10 a:link { color: #5D4C3B; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10 a:visited { color: #5D4C3B; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10 a:hover { color: #757575; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10wb { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.char10w a:link { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w a:visited { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char10w a:hover { color: #F9F606; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char11over14 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; }
.char11over14 a:link { color: #5D4C3B; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }
.char11over14 a:visited { color: #5D4C3B; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }
.char11over14 a:hover { color: #757575; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 14px; }

.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
.char12b { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
.char12 a:link { color: #5D4C3B; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12 a:visited { color: #5D4C3B; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12 a:hover { color: #757575; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 18px; }
.char12w { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.char12w a:link { color: #CCCCCC; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12w a:visited { color: #CCCCCC; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12w a:hover { color: #757575; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char12over14 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000; }
.char12over16 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #000000; }
.char12over18 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000000; }


.char14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 18px;}
.char14b { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; line-height: 18px;}
.char14over20 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #000000; }
.char14over30bold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px; color: #000000; font-weight: bold;}

.char16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00008A; font-weight: normal; }
.char16b { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #00008A; font-weight: bold; }
.char16bw { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold; }
.char16red { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0000;}
.char16bluebold { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000099; font-weight: bold;}
.char18over30 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #391d68; line-height: 30px; font-weight: normal; margin: 0 0 30px 0; text-indent: 40px;}


#nopad {padding:0; margin:0; border-collapse: collapse;}
.pad4 {padding:4px;}
.pad8 { padding:4px 12px 4px 12px;}
.pad10 { padding:10px;}
.pad_last_name { padding:6px 14px 0px 14px;}
.pad16 { padding:4px 12px 4px 16px;}

html { position: relative; min-height: 100%; }
/*  body {background-color: #FFFFFF; margin-bottom: 70px; }  */
#top-span {display: block; width: 100%; height: 10px; vertical-align: middle;}
#ghost_white { z-index: 11; position: relative; width:100%; height: 100%; margin-right: auto; margin-left: auto; text-align:left; padding:280px 8px 20px 8px; margin-bottom:20px;}
#ghost_white:after { content: " "; }
/* link */

.navbar-nav > li > a, .navbar-brand { padding-top: 6px !important; padding-bottom:0 !important; height: 28px; }
.navbar {margin-top: 0px;  min-height:36px !important;}
.navbar .navbar-nav { display: inline-block; float: none;}
.navbar .navbar-collapse { text-align: center;}

.state_dropdown { font-size: 18px; line-height: 32px; margin-top: 4px;}
.type_dropdown { font-size: 18px; line-height: 32px; margin-top: 4px;}

@media only screen and (min-width : 460px) {
	input[type='radio'] { transform: scale(1); }
	.top-search { margin-top: -26px; }
	#ghost_white { padding:240px 8px 20px 8px;}
	.shop_image { position: relative; width: 40%; }
}

@media only screen and (min-width : 768px) {
	#footspace {width: 40px; height: 12px;}
	.pad_last_name { padding:0px 14px 0px 0px;}
	.state_dropdown { font-size: 16px; line-height: 40px; margin-left: -16px;}
	.type_dropdown { font-size: 16px; line-height: 40px; margin-left: 0px;}
	.pad16 { padding:4px 12px 4px 16px;}
	border-top: 3px solid #88C0FF; height: 26px; color: #00008A; font-size: 18px; font-family: 'Times New Roman, Times New Roman, Times, serif'; line-height:20px;}
	#ghost_white { padding:260px 18px 20px 18px;}
	#home_start {margin-top: -200px;}
	#about_wrap { width: 600px; margin: 50px auto; }
	#Magali { float: right; text-align: right; max-width: 200px; }
	.svg_icons_w { height: 20px; }
	.svg_icons_w:hover { height: 20px; }
}

@media only screen and (min-width : 1000px) {
	#ghost_white { padding:260px 30px 20px 30px;}
}

#bottom_logos { margin:0 auto; display: block;}
.small_logo { display: block; float: left; margin: 3%; width:10%; text-align: center;}

#footer_gradient { 
		position: absolute; bottom: 0; width: 100%; height: 90px; padding-top: 12px;
		text-align: center;  float: left; font-size: small; color: #FFFFFF; font-weight: 200; line-height: 24px;
		background: -webkit-linear-gradient(top, #391d68, #f8a868); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom, #391d68, #f8a868); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom, #391d68, #f8a868); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to top, #391d68, #f8a868); /* Standard syntax (must be last) */
}
#footer_gradient a:link { color: white; }
#footer_gradient a:hover { color: #F7E092; }
#footer_gradient a:visited { color: white; }
#footer_gradient a:active { color: #F7E092; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; 
	min-height: 1px; padding-right: 6px; padding-left: 6px; text-align: center; }

.col-xs-5ths { width: 20%; float: left; }
@media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } }
@media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } }
@media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }

.but_go {
   border-top: 1px solid #ffffff;
   background: #00CC33;
   background: -webkit-gradient(linear, left top, left bottom, from(#00CC33), to(#003300));
   background: -webkit-linear-gradient(top, #00CC33, #003300);
   background: -moz-linear-gradient(top, #00CC33, #003300);
   background: -ms-linear-gradient(top, #00CC33, #003300);
   background: -o-linear-gradient(top, #00CC33, #003300);
   padding: 2px 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.but_go:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #FFFF99; }
.but_go:visited { border-top-color: #D6D7D2; background: #D4D8A5; color: white; }
.but_go:active { border-top-color: #463c3c; background: #463c3c; }

.btn-style {
   border-top: 1px solid #ffffff;
   background: #D4D8A5;
   background: -webkit-gradient(linear, left top, left bottom, from(#AECCE6), to(#D4D8A5));
   background: -webkit-linear-gradient(top, #AECCE6, #D4D8A5);
   background: -moz-linear-gradient(top, #AECCE6, #D4D8A5);
   background: -ms-linear-gradient(top, #AECCE6, #D4D8A5);
   background: -o-linear-gradient(top, #AECCE6, #D4D8A5);
   padding: 5.5px 11px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.btn-style:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #F7E092; }
.btn-style:active { border-top-color: #463c3c; background: #463c3c; }
.blog_sub { font-size: 12px; line-height: 14px; font-style: italic; }
ul li.x { position: relative; left:14px; }

#page-footer {flex-shrink: 0}

a:visited { color: #88C0FF; }
.dark_blue_cell { background-color: #00008A; color: #FFFFFF; font-weight: bold; font-size: 14px; 
	line-height: 14px; font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }

.shadow { text-shadow: 0 2px 2px rgba(0,0,0,0.4);}
.box-shadow { -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3); border: 1px solid #232902;}
.bite-size {width: 100%; }

.show_links a:link {text-decoration: underline; }
hr { border-top: 1px solid #00008A; -webkit-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 2px 4px 3px rgba(0,0,0,0.3); box-shadow: 2px 4px 3px rgba(0,0,0,0.3); }

.cart_button {
   border-top: 1px solid #ffffff;
   background: #D4D8A5;
   background: -webkit-gradient(linear, left top, left bottom, from(#666633), to(#D4D8A5));
   background: -webkit-linear-gradient(top, #666633, #D4D8A5);
   background: -moz-linear-gradient(top, #666633, #D4D8A5);
   background: -ms-linear-gradient(top, #666633, #D4D8A5);
   background: -o-linear-gradient(top, #666633, #D4D8A5);
   padding: 5.5px 11px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.cart_button:hover { border-top-color: #D6D7D2; background: #D6D7D2; color: #F7E092; }
.cart_button:visited { border-top-color: #D6D7D2; background: #D4D8A5; color: white; }
.cart_button:active { border-top-color: #463c3c; background: #463c3c; }