html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
* html .clearfix,* html .group{height:1%;overflow:visible;}
*+html .clearfix,*+html .group{min-height:1%;}
.clearfix:after,.group:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0;}
/* Initial */
body { font-family: 'Libre Franklin', sans-serif; font-size: 15px; line-height: 35px; color: #191919; font-weight: 400;
background: #fff; }
strong { font-weight: 400; }
a { color: #C8A05F; text-decoration: none; }
a:hover { color: #C8A05F; text-decoration: underline; }
.wrapper { margin: 0 auto; width: 882px; }
.fillpage { padding: 0; }
/* Serifs */
h2, h4, h5, strong { font-family: 'Libre Baskerville', serif; font-weight: 400; }
strong { letter-spacing: .1px; }
/* Gold */
#addtocart:hover,
#tprice:hover,
#bystars li:hover { cursor: pointer; background: #d7af69;
background: -moz-linear-gradient(45deg, #d7af69 0%, #f0d28c 25%, #d7af69 50%, #c8a05f 75%, #f0d28c 100%);
background: -webkit-linear-gradient(45deg, #d7af69 0%,#f0d28c 25%,#d7af69 50%,#c8a05f 75%,#f0d28c 100%);
background: linear-gradient(45deg, #d7af69 0%,#f0d28c 25%,#d7af69 50%,#c8a05f 75%,#f0d28c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7af69', endColorstr='#f0d28c',GradientType=1 ); }
/* Elements */
h1 { display: inline-block; text-indent: -9999px; width: 216px; height: 72px; background: url(images/evry-heart-beats-true-logo.png) no-repeat; margin-left: -13px; background-position: 0 0; background-size: 100%; margin-right: 11px; margin-bottom: 15px; padding: 0px; }
h1:hover { background: url(images/evry-heart-beats-true-logo.png) no-repeat; width: 216px; height: 72px; background-position: 0 -72px; background-size: 100%; }
.evryheart { width: 54px; height: 54px; display: block; margin-left: auto; margin-right: auto; margin-top: 9px; margin-bottom: -9px; padding-top: 18px;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.evryheart:hover { -moz-transform: scale(1.33); -webkit-transform: scale(1.33); -o-transform: scale(1.33); -ms-transform: scale(1.33); transform: scale(1.33); }
h2 { font-size: 32px; line-height: 39px; margin-top: 9px; margin-bottom: 9px; letter-spacing: .3px; }
h3 { font-size: 16px; font-weight: 400; }
h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 32px; margin-top: 9px; }
h5 { font-size: 20px; margin-top: 16px; letter-spacing: .2px; margin-bottom: 3px; }
.grayline { width: 100%; height: 1px; background: #c8c8c8; }
#tprice { font-size: 18px; font-weight: 700; background: #00194b; padding: 15px 18px; color: #fff; text-decoration: none; border: 0; -webkit-border-radius: 9px; border-radius: 9px; }
#addtocart { font-size: 15px; background: #fff; padding: 12px 18px; margin-top: -2px; color: #00194b; text-decoration: none; border: 1px solid #d7af69; -webkit-border-radius: 9px; border-radius: 9px; }
#addtocart:hover { color: #fff; }
.notice { font-size: 10px; line-height: 25px; }
.thetop { min-height: 3px; padding: 3px 0 2px 0; font-size: 13px; background: #00194b; color: #fff; min-width: 882px; width: 100%; text-align: center; letter-spacing: .3px; }
/* Header */
.header { display: inline-block; float: left; }
.navigation ul { float: left; margin-left: 27px; }
/* uppercase header */
.navigation li { padding: 0px; text-align: left; display: inline-block; font-size: 20px; letter-spacing: .3px; font-weight: 400; margin-top: 33px; margin-right: 12px; margin-left: 8px; }
.navigation li a { padding: 18px 5px; }
.morelinks { font-size: 12px; font-weight: 400; text-transform: capitalize; }
.navigation a { color: #00194b; }
.navigation a:hover { color: #C8A05F; text-decoration: none; }
.navtwo { float: right; padding: 0px; text-align: right; display: inline; font-size: 12px; letter-spacing: .3px; margin-top: -36px; margin-right: -5px; }
.navtwo a { padding: 7px; }
/* Sidebar */
.sidebar { float: left; display: none; width: 121px; margin-right: 23px; font-size: 12px; line-height: 24px; }
#bystars li { width: 30px; height: 30px; padding: 5px; text-align: center; display: inline-block;
line-height: 30px;
margin: 5px 10px; border: 1px solid #c8c8c8; -webkit-border-radius: 27px; border-radius: 27px; }
#bystars li a { margin: 0px; display: block; width: 100%; height: 100%; color: #4b4b4b; }
#bystars li:hover { border-color: #C8A05F; }
#bystars li:hover a { color: #fff; }
#bystars li a:hover { color: #fff; text-decoration: none; }
#bystate li { display: inline-block; width: 161px; margin: 4px; }
#bystate li a { color: #191919; padding: 5px; }
#bystate li a:hover { color: #C8A05F; }
/* Primary Contents */
.contents { float: left; width: 882px; }
.contents a,
.pages a { color: #191919; border-bottom: 1px dotted #c8c8c8; }
.contents a:hover,
.pages a:hover { color: #C8A05F; border-bottom: 1px solid #D7AF69; text-decoration: none; }
.starheader { font-size: 10px; text-transform: uppercase; }
.starheader a { border: 0; color: #C8A05F; }
.photo { float: left; width: 465px; height: 603px; margin-right: 27px; margin-bottom: 9px; overflow: hidden; }
.photo img { max-width: 465px; max-height: 603px;
-webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; -o-transition: all 2.5s ease; -ms-transition: all 2.5s ease; transition: all 2.5s ease; }
.photo img:hover { -moz-transform: scale(1.33); -webkit-transform: scale(1.33); -o-transform: scale(1.33); -ms-transform: scale(1.33); transform: scale(1.33); }
.maps { float: right; display: inline-block; margin-top: 50px; width: 366px; font-size: 12px; line-height: 24px; color: #c8c8c8; text-align: right; }
.maps img { width: 366px; height: 244px; margin-bottom: -18px; }
.info { float: left; width: 390px; margin-top: 9px; }
.charities { font-size: 12px; margin-top: -8px; }
.charities img { max-width: 18px; max-height: 18px; vertical-align: baseline; margin-bottom: -4px; margin-right: 7px; }
.half { float: right; width: 261px; line-height: 22px; padding: 18px; margin-top: -13px; margin-bottom: 7px; margin-left: 18px;
border: 1px dotted #c8c8c8; -webkit-border-radius: 15px; border-radius: 15px; }
.half img { float: left; max-width: 90px; max-height: 90px; margin-top: -2px; margin-right: 15px; }
.pages { width: 100%; margin-bottom: 18px; }
.pages img { float: left; max-width: 171px; max-height: 171px; margin-top: 9px; margin-right: 27px; }
.featured { display: inline-block; width: 193px; font-size: 12px; margin-top: 9px; margin-right: 24px; margin-bottom: 18px; line-height: 18px; }
.featured img { max-width: 193px; margin-bottom: 9px; }
.featured a { border-bottom: 0px; text-decoration: none; }
.featured a:hover { border-bottom: 0px; text-decoration: none; }
.starpoint { float: right; width: 90px; height: 90px; margin-top: 27px; margin-left: 27px; padding: 2px; border: 1px solid #c8c8c8; }
.yout { width: 342px; height: 192px; float: right; margin-left: 32px; margin-top: 9px; }
em { font-style: normal; font-weight: 400; font-size: 15px; line-height: 19px; }
table { margin-top: 17px; margin-right: -18px; }
td { padding-top: 6px; }
.fields { width: 300px; float: left; }
input { font-size: 1.25em; font-family: 'Libre Franklin', sans-serif; width: 253px; padding: 6px; background: #ffffff; border: 1px solid #c8c8c8; }
textarea { font-size: 1.25em; font-family: 'Libre Franklin', sans-serif; width: 553px; padding: 6px; background: #ffffff; border: 1px solid #c8c8c8; height: 84px; }
input:hover,
textarea:hover { border: 1px solid #00194b; }
/* Homepage */
.homewide { width: 882px; height: 441px; }
.homeprimary { width: 351px; height: 189px; text-align: center; color: #fff; font-size: 14px; line-height: 27px; border: 1px solid #fff; margin-top: -263px; margin-left: 36px; position: relative; z-index: 100; padding: 18px 18px; }
.homeprimary img { width: 50px; height: 50px; margin-bottom: 9px; }
.homeprimary h4 { color: #fff; margin: 0; line-height: 27px; }
.homeprimary h2 { color: #fff; margin-top: 3px; margin-right: 0; margin-bottom: 2px; margin-left: 0; line-height: 35px; font-size: 27px; font-weight: 400; }
.homeprimary h2 a { color: #fff; }
.centerpanel { width: 282px; height: 282px; float: left; overflow: hidden; margin-top: 18px; }
.homebox { width: 282px; height: 282px; }
.homefeat { width: 108px; height: 148px; float: right; text-align: center; font-size: 12px; line-height: 27px; background: #fff; margin-top: -273px; margin-left: 18px; margin-right: 9px; position: relative; z-index: 100; padding: 18px 9px 0 9px; color: #c8c8c8; }
.homefeat img { width: 30px; height: 24px; margin-top:-1px; margin-bottom: 9px; }
.homefeat h4,
.homefeat h3 { color: #C8A05F; margin: 0; line-height: 20px; }
.homefeat h3 a { color: #00194b; }
.doublebox { width: 588px; height: 294px; float: left; margin-top: 18px; }
.doublebox img { width: 588px; height: 294px; }
.doubleblue { width: 258px; height: 294px; float: left; text-align: center; font-size: 14px; line-height: 27px; background: #00194b; margin-top: 18px; padding: 0 18px; color: #fff; }
.doubleblue img { width: 30px; height: 24px; margin-top: 45px; margin-bottom: 9px; }
.doubleblue h4 { color: #C8A05F; margin: 0; line-height: 20px; }
.doubleblue h2 { color: #fff; line-height: 39px; font-size: 27px; font-weight: 400; margin-bottom: -9px; }
.doubleblue h2 a { color: #fff; }
.doublebox,
.homebox, .homewide { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; transition: all 1.5s ease; }
.doublebox:hover,
.homebox:hover,
.homewide:hover { opacity: 0.75; filter: alpha(opacity=78); }
/* Colors */
.colors { width: 25px; height: 26px; border: 1px solid #c8c8c8; display: inline-block; vertical-align: baseline; margin-bottom: -9px; margin-right: 9px; padding-top: 2px; padding-left: 2px; }
.colors:hover { border: 1px solid #C8A05F; }
.colors a { margin: 0px; display: block; width: 100%; height: 100%; }
.spacer { clear: both; margin-top: 9px; }
#colors-traditional { width: 0; height: 0; border-top: 23px solid #fff; border-right: 23px solid #00194b; }
#colors-black-on-white { width: 0; height: 0; border-top: 23px solid #000; border-right: 23px solid #fff; }
#colors-blue-on-white { width: 0; height: 0; border-top: 23px solid #002369; border-right: 23px solid #fff; }
#colors-bluek-on-white { width: 0; height: 0; border-top: 23px solid #0032a0; border-right: 23px solid #fff; }
#colors-crimson-on-white { width: 0; height: 0; border-top: 23px solid #aa1e32; border-right: 23px solid #fff; }
#colors-darkteal-on-gold { width: 0; height: 0; border-top: 23px solid #1e5f64; border-right: 23px solid #ffb40f; }
#colors-darkteal-on-white { width: 0; height: 0; border-top: 23px solid #1e5f64; border-right: 23px solid #fff; }
#colors-deeporange-on-navy { width: 0; height: 0; border-top: 23px solid #f05032; border-right: 23px solid #001e3c; }
#colors-gold-on-black { width: 0; height: 0; border-top: 23px solid #ebaf19; border-right: 23px solid #000; }
#colors-gold-on-blue { width: 0; height: 0; border-top: 23px solid #ffc841; border-right: 23px solid #23469b; }
#colors-gold-on-purple { width: 0; height: 0; border-top: 23px solid #ffb900; border-right: 23px solid #3c2d82; }
#colors-gold-on-red { width: 0; height: 0; border-top: 23px solid #ffbe00; border-right: 23px solid #b4322d; }
#colors-gold-on-whitewi { width: 0; height: 0; border-top: 23px solid #ffb40f; border-right: 23px solid #fff; }
#colors-green-on-blue { width: 0; height: 0; border-top: 23px solid #009600; border-right: 23px solid #0a3264; }
#colors-green-on-gray { width: 0; height: 0; border-top: 23px solid #008448; border-right: 23px solid #d1d1d1; }
#colors-green-on-white { width: 0; height: 0; border-top: 23px solid #467837; border-right: 23px solid #fff; }
#colors-greenco-on-white { width: 0; height: 0; border-top: 23px solid #00964b; border-right: 23px solid #fff; }
#colors-lightblue-on-navy { width: 0; height: 0; border-top: 23px solid #78afdc; border-right: 23px solid #0f2d5a; }
#colors-lightteal-on-white { width: 0; height: 0; border-top: 23px solid #41bec3; border-right: 23px solid #fff; }
#colors-maize-on-navy { width: 0; height: 0; border-top: 23px solid #ffd719; border-right: 23px solid #00285f; }
#colors-maroon-on-white { width: 0; height: 0; border-top: 23px solid #660033; border-right: 23px solid #fff; }
#colors-navy-blue-on-white { width: 0; height: 0; border-top: 23px solid #00194b; border-right: 23px solid #fff; }
#colors-orange-on-blue { width: 0; height: 0; border-top: 23px solid #fa5523; border-right: 23px solid #0041a5; }
#colors-orange-on-white { width: 0; height: 0; border-top: 23px solid #ff6400; border-right: 23px solid #fff; }
#colors-orange-on-white-tn { width: 0; height: 0; border-top: 23px solid #fa8200; border-right: 23px solid #fff; }
#colors-pink-on-white { width: 0; height: 0; border-top: 23px solid #fa3cbe; border-right: 23px solid #fff; }
#colors-purple-on-gold { width: 0; height: 0; border-top: 23px solid #502882; border-right: 23px solid #ffc823; }
#colors-purple-on-white { width: 0; height: 0; border-top: 23px solid #552d64; border-right: 23px solid #fff; }
#colors-red-on-black { width: 0; height: 0; border-top: 23px solid #c80032; border-right: 23px solid #000; }
#colors-red-on-white { width: 0; height: 0; border-top: 23px solid #e61e3c; border-right: 23px solid #fff; }
#colors-red-on-whitetx { width: 0; height: 0; border-top: 23px solid #c80f3c; border-right: 23px solid #fff; }
#colors-red-on-yellow { width: 0; height: 0; border-top: 23px solid #be0032; border-right: 23px solid #ffcd00; }
#colors-salmon-on-white { width: 0; height: 0; border-top: 23px solid #ff8778; border-right: 23px solid #fff; }
#colors-sand-on-white { width: 0; height: 0; border-top: 23px solid #f0bea0; border-right: 23px solid #fff; }
#colors-yellow-on-black { width: 0; height: 0; border-top: 23px solid #facd19; border-right: 23px solid #000; }
#colors-yellow-on-green { width: 0; height: 0; border-top: 23px solid #fac819; border-right: 23px solid #00693c; }
#colors-yellow-on-green-wa { width: 0; height: 0; border-top: 23px solid #fae100; border-right: 23px solid #007d4b; }
/* Footer */
h6 { display: inline-block; text-indent: -9999px; width: 338px; height: 45px; background: url(images/evry-heart-beats-true.png) no-repeat; background-position: 0 0; background-size: 100%; margin-bottom: -9px; padding: 0px; }
h6:hover { background: url(images/evry-heart-beats-true.png) no-repeat; width: 338px; height: 45px; background-position: 0 -45px; background-size: 100%; }
.footer { width: 100%; text-align: center; margin-top: 14px; color: #c8c8c8; font-size: 14px; }
.footer a { color: #c8c8c8; }
.footer a:hover { color: #0b7a25; text-decoration: none; }
.footer h4 a { color: #00194b; text-decoration: none; padding: 7px; }
.footer h4 a:hover { color: #C8A05F; text-decoration: none; }
.footer img { max-height: 32px; margin-bottom: -13px; padding: 2px;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer img:hover { -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }
.quickn { position: relative; z-index: 100; display: inline-block; margin-top: 17px; float: right; font-size: 20px; letter-spacing: .3px; }
.quickn a { padding: 5px; border: 0; }
.quickn a:hover { border: 0; }
.quickn a:hover i { border-color: #C8A05F; }
i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 5px; margin-bottom: 4px; margin-left: 9px; }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.quicknav { position: relative; z-index: 99; display: inline-block; font-size: 17px; line-height: 24px; margin-top: -37px;
border-bottom: 1px solid #c8c8c8; padding-bottom: 9px; }
.quicknav h4 { margin-top: 2px; margin-bottom: -2px; }
.quicknav a,
.quicknav a:hover { border-bottom: 0; }