lzs.css

body        {font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding:0;margin:0;font-size:14px;background-color:#ffffff;color:#545454;background-image: url('ps_neutral.png');}
a {text-decoration:none;color:#369699}
a:hover {text-decoration:underline;}
h2 {color:#2c2c2c;z-index:0}
p {text-align:justify;}

.header {position:absolute;top:0;left:0;width:100%;height:80px;background-color:#ffffff;border-bottom:1px solid #989898;z-index:999}
.container {display:block;width:80%;margin:auto;padding-top:20px;}

.logo {position:absolute;top:2px;left:10%;max-width:75px;max-height:75px;}
.img_logo {max-width:75px;max-height:75px;}
.nav {position:absolute;top:35px;right:10%;float:right;background-color:#ffffff;z-index:199}
.nav_triangle{display:hidden}
.nav_links {display:inline-block;height:29px;min-width:100px;text-align:center;}
.nav_links a {color:#545454}
.nav_links a:hover{text-decoration:none;color:#369699;}
.nav_links:hover{border-bottom:6px solid #208ccb;}

.more-info{min-height:30px;}
.info-text{font-style:italic;}
.info_icon{max-width:15px;max-height:15px;}

.main {position:absolute;top:61px;padding-bottom:300px;}
.compare {max-width:800px;margin:auto;}
.columns {display:inline-block;vertical-align:top;width:140px;min-height:120px;padding:8px;}
.col_name{font-weight:bold;}

.footer{position:absolute;bottom:0;width:100%;height:300px;}
.footer-bars {background-image:url('footer.png');width:100%;height:260px;}

@media all and (max-width:670px) 
{
.nav{position:absolute;top:15px;right:10%;display:inline-block;color:#545454;width:28px;height:28px;padding:5px;border:1px solid #d8d8d8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.nav_triangle {position:relative;padding-bottom:20px;margin:0;color:#adadad;background:#ffffff;}
.nav_triangle:after{content:"";position:absolute;top:8px;right:4px;border-width:10px 10px 0;border-style:solid;border-color:#565656 transparent;display:block;width:0;}
.nav_links{display:none;padding-bottom:5px;padding-left:5px;border-left:6px solid #ffffff;} 
.nav:hover{width:155px;height:155px;border:1px solid #d8d8d8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;z-index:199} 
.nav:hover .nav_links{display:block;padding-top:6px;text-align:left;height:23px;}
.nav_links:hover{border:0;padding-left:5px;border-left:6px solid #208ccb;}
}