@font-face {
    font-family: CaeciliaLTStd-Roman;
    src: url(CaeciliaLTStd-Roman.otf);
}


/* ADDED STYLE */
body                          { margin: 0 !important; padding: 0 !important; font-family: CaeciliaLTStd-Roman; }

#template                     { margin: 0 auto; width: 300px; text-align: center; }
#template .logo               { margin: 20px 0 20px 0; }
#template .rate               { float: left; width: 300px; text-align: left; margin-bottom: 20px; }
#template .rate label         { float: left; margin-right: 10px; line-height: 32px; }
#template .rate div           { float: left;  }

#template .review             { float: left; width: 300px; text-align: left; margin-bottom: 30px; }
#template .review label       { float: left; line-height: inherit; }
#template .review p           { float: right; margin: 0; padding: 0; line-height: inherit; font-size: 11px; color:#7a7a7a; }
#template .review textarea    { float: left; padding: 10px; width: 300px; height: 140px; resize: none; outline: 0; border:#bcbcbc solid 1px; font-family: CaeciliaLTStd-Roman; font-size: 12px; line-height: 18px; }

#template .button             { display: inline-block; margin: 0 auto 30px auto; width: 300px; text-align: center; position: relative; }
#template .button .submit     { background: #e64d62; margin: 0 10px; padding: 8px 30px 5px 30px; outline: 0; cursor: pointer; line-height: 18px; font-size: 12px; font-family: CaeciliaLTStd-Roman; color: #ffffff; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 3px; } 
#template .button p 		  { padding: 0; margin: 0; position: absolute; top: -26px; left: 0; color: #ff0000; font-size: 11px; font-weight: bold; line-height: inherit; }
#template .notavailable 	  { margin: 20px; line-height: 26px; }