.phonebooktoggle{cursor:pointer}.togglebox{display:none;overflow:hidden;width:536px;margin:0;position:fixed;z-index:999;top:8%;left:30%}.togglebox .phonebookholder{-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;width:516px;margin-top:20px;font-size:1.2em;text-align:center;color:#000;font:bold 15px/15px "Trebuchet MS",Arial,Tahoma,Verdana,sans-serif}.togglebox .phonebookcontent{padding:30px}.accordion{width:400px;padding:6px 20px 20px 20px}.accordion h3{background:#e9e7e7;padding:7px 15px 7px 15px;margin:0;font-size:16px;font-family:Arial,Helvetica,sans-serif;border:solid 1px #c4c4c4;border-bottom:0;cursor:pointer}.accordion h3:last-of-type{border-bottom: solid 1px #c4c4c4;}.accordion h3:hover{background-color:#e3e2e2}.accordion h3.active{background-position:right 5px;color:#000}.accordion p{background:#f7f7f7;margin:0;padding:10px 15px 20px;font-size:14px;font-family:Arial,Helvetica,sans-serif;border-left:solid 1px #c4c4c4;border-right:solid 1px #c4c4c4}.accordion p:last-of-type{border-bottom: solid 1px #c4c4c4;}div.phonebook-close{width:46px;height:46px;background:url(../images/phonebook-close.png) no-repeat;position:absolute;left:490px;top:0;cursor:pointer;z-index:999}@media screen and (max-width:500px){.togglebox{width:320px !important;left:0;position:absolute;top:2%}.togglebox .phonebookholder{width:310px !important}.accordion{width:100%;padding:0}.phonebook-close{left:270px !important}}