table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clearfix {clear:both;}



input, textarea {
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-size:inherit;
	background:transparent;
    padding:3px;
    resize:none;
    outline:none;
}



table { border-collapse:collapse; }
td, th {
    border:1px #ced5d2 solid;
    padding:3px 5px;
    vertical-align:top;
}
th, th input {
    font-weight:bold;
    color:#2f5756;
}











.options {
    font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
    font-size:.9em;
    margin:0 0 8px 0;
    height:27px;
    overflow:hidden;
}

.options a {
    display:block;
    float:left;
    height:26px;
    line-height:26px;
    padding:0 16px;
    text-decoration:none;
    background:#fff;
    color:#93b8b3;
    margin:0 5px 0 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -box-shadow:1px 1px 1 #aec8c4;
    -webkit-box-shadow:1px 1px 1px #aec8c4;
    -moz-box-shadow:1px 1px 1px #aec8c4;
}
.options .r { float:right; }













.letterhead, .info, .summary, .notes { 
    overflow:hidden;
    margin:0 27px 18px 27px; 
}



/* letterhead */
.letterhead #kind {
    text-align:center;
    width:100%;
    border:1px solid #d4d6d9;
    border-width:1px 0;
    padding:6px 0;
    color:#2f5756;
    font-weight:bold;
    text-transform:uppercase;
    margin:0 0 15px 0;
}
.letterhead textarea, .letterhead div { width:400px; }
.letterhead textarea { height:110px; }
.letterhead #company_name { 
    float:left; 
    font-size:3em; 
}
.letterhead #company_info {
    float:right;
    text-align:right;
}



/* info */
.info textarea {
    width:400px;
    height:110px;
}
.info table {
    float:right;
    width:330px;
}
.info th { width:146px; }
.info input {
    width:100%;
    padding:3px 0;
}






/* items */
#items {
    width:100%;
    margin:0 0 30px 0;
}
#items a { 
    font-size:0.8em; 
    outline:none;
    text-decoration:none;
}
#items thead th { background:#f1f4f3; }

#items .action {
    width:28px;
    border:0;
    padding:0;
    text-align:center;
    vertical-align:top;
}
#items .action a { 
    padding:0;
    margin:0;
    font-size:.8em;
    color:#666;
    font-weight:normal;
}
#items .description { width:500px; } /* 600 */
#items .quantity { width:150px; }  /* 700 */
#items .price { width:168px; } /* 818 */
#items input, #items textarea {
    margin:0;
    padding:4px 0;
    width:100%;
    display:block;
}
#items textarea {
    height:18px;
    line-height:18px;
}



/* summary */
.summary table {
    float:right;
    width:330px;
    color:#000;   
}
.summary th { 
    width:96px; 
    border-right-color:#eee;
}
.summary input { 
    width:100%;
    padding:0;
}
.summary th input { 
    font-weight:bold;
    color:#2f5756;
}
.summary .meta { width:39px; }
.summary .meta input { width:20px; padding:0;}


/* notes */
.notes {
    clear:both;
    overflow:hidden;
    border:1px solid #eee;
    border-width:1px 0 0 0;
    margin-top:60px;
}
#notes_a, #notes_b {
    width:45%;
    float:left;
    color:#bebebe;
    font-size:.9em;
    padding-bottom:9px;
}
#notes_b { float:right; text-align:right; }











.about_us { color:#333; }
.about_us h1 {
    font-size:1.8em;
    margin:0 0 18px 0;
}
.about_us p { margin:0 0 18px 0; }
.about_us ul { margin:0 0 18px 22px; }



.smallnotice {
    color:#999;
    display:block;
    clear:both;
    padding-top:35px;
}