/* typography.css */
/*
----------------------------------------------------------------
        BASE
----------------------------------------------------------------
*/

body { color: #000000; font-family: 'MyriadPro-Regular','Myriad Pro', 'Arial', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; }
h1 { color: #584d4d; font-family: 'MyriadPro-Semibold','Myriad Pro'; font-size: 18px; font-weight: 600; line-height: 27px; }
h2 { font-family: 'BankGothic-Light','Bank Gothic','Arial',sans-serif; font-size: 22px; font-weight: 300; line-height: 26px; }
h3 { font-size: 18px; font-weight: 400; line-height: 27px; }
h4 { font-size: 16px; font-weight: 600; line-height: 21px; }
p, ul, blockquote,
pre, td, th, label { margin: 0; font-size: 1em; line-height: 18px; margin-bottom: 1.5em; }
p.small { margin: 0; font-size: 0.84em; line-height: 1.8em; margin-bottom: 1.8em; }
table { border-collapse: collapse; margin-bottom: 1.5em; }
a { color: #428aff; }
a:hover { color: #B0D6FF; }

/*
----------------------------------------------------------------
        SPECIFICS
----------------------------------------------------------------
*/

ul.mainnav li a { color: #584d4d; font-size: 18px; font-weight: 400; line-height: 27px; }
ul.mainnav li a:hover { color: #BABBBD; }
.footer { color: #584d4d; font-size: 14px; font-weight: 400; line-height: 21px; text-align: center; }
.product-list { color: #797979; font-size: 15px; font-weight: 400; line-height: 14px; }
