body {font: normal 0.8em Arial;}
h1 {font:300 4.2em 'Lato', Arial, sans-serif;font-weight:300;}
/*h2, h3, h4, h5 {font:italic 1.6em 'Playfair Display', Georgia, serif;font-weight: 400; }*/
h3 {font:300 2.2em 'Lato', Arial, sans-serif;font-weight:300; }
/*h2, h4, h5 {font:700 1.6em 'Lato', Arial, sans-serif;font-weight:700; }*/
h2, h4, h5 {font:300 2.5em 'Lato', Arial, sans-serif;font-weight:300; }
ul.listBottomLinks { font:normal 1.1em Arial, sans-serif; margin: 0 0 30px 0;}
a:link.nav, a:visited.nav {font:700 1.2em 'Lato', Arial, sans-serif;font-weight:700;text-decoration:none;color:#5f1c98;/*color:#5f1c98;*/margin: 12px 0 0 18px;height: auto !important;}
a:hover.nav {color: #000;}
a:link.selected, a:visited.selected, a:hover.selected {font:700 1.2em 'Lato', Arial, sans-serif;font-weight:700;text-decoration:line-through;color: #999;padding: 0 0 4px 0;margin:12px 0 0 18px;height: auto !important;}
#hairtip p {position:absolute;left:0;top:10px;display:inline-block;padding:3px 21px 3px 11px;background: url(../images/bg-btn-white.png) no-repeat right top;font:700 1.6em 'Lato', Arial, sans-serif;font-weight:700;}
#whiteFont .btn {color:#333;display:inline-block;padding:3px 21px 3px 11px;background: url(../images/bg-btn-white.png) no-repeat right top;margin-top:4px;font:700 1.2em 'Lato', Arial, sans-serif;font-weight:700;}
#greyFont a, footer ul.listBottomLinks a {color:#000;} /*jp purple: #5f1c98*/
#greyFont .btn {color:#fff;display:inline-block;padding:3px 21px 3px 11px;background: url(../images/bg-btn-grey.png) no-repeat right top;margin:4px 0 8px 0;font:normal 1.2em Arial, sans-serif;}
#greyFont .btnPrime, footer .btnPrime {color:#fff;display:inline-block;padding:3px 21px 3px 11px;background: url(../images/bg-btn-purple.png) no-repeat right top;margin-top:4px;font:normal 1.2em Arial, sans-serif;}
input[type='submit']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0; -moz-border-radius:0; background: url(../images/bg-btn-purple.png) no-repeat right top;color:#fff;display:block;border:0;padding:5px 25px 5px 15px;font:normal 1.2em Arial, sans-serif;}
input.thefield, .thefield{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0; -moz-border-radius:0; display:block;border:0;padding:0;font:normal 1em Arial;color:#000;background:#f0f0f0;width:100%;margin:0;line-height:2em;border-bottom:1px solid #666;}

/* ! Layout for mobile version   */
@media handheld, only screen and (max-width: 767px) {
	h1, h2, h3 {font:700 1.6em 'Lato', Arial, sans-serif;font-weight:700;}
	h4 {font-size:1.6em;}
	input[type='submit']{font-size:1.3em;}
	#greyFont .btnPrime, #greyFont .btn {font-size:1em;}
	ul.listBottomLinks { font-size: 1.3em; }
	input.thefield, .thefield{font:normal 1.2em Arial;line-height:2em;}
	h1 {font-size:2em; margin:10px 0 0 0;}
	h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {color:#5f1c98;text-decoration:none; margin:0 0 0 20px;}
	#nav li {clear: both;float: none;margin: 15px;text-align:right;font:700 2em 'Lato', Arial, sans-serif;font-weight:700;}

}