/* FORMS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

fieldset {
    margin:0px;
    padding:0px;
    border:none; border: 0px;
    color: #27231F;
}

fieldset h2 {
    margin:0px; padding:0px;
    font: italic 21px/30px Georgia, Serif;
    color: #27231F;
}

fieldset .info {
    margin:0px; padding:0px;
    font: italic 13px/18px Georgia, Serif;
    color: #999999;
}

fieldset ol { margin:0px; padding:0px; display:block; border:0px; }
fieldset ul { margin:0px; padding:0px; display:block; border:0px; }
fieldset li { margin:0px; padding:0px; display:block; border:0px; list-style:none; }
fieldset li { margin:20px 0px; }
fieldset li.ok .fields{
    background: url("../images/icon-field_ok.png") top right no-repeat transparent;
}

fieldset li.last-child { margin-bottom:0px; }
fieldset li.button { margin-top:40px; }

/*
.label { float:left; width:80px; overflow:hidden; }
.fields { float:right; width:380px; overflow:hidden; }
*/

.label { float:left; width:90px; overflow:hidden; }
.fields { float:right; width:370px; overflow:hidden; }

.fieldimage { margin-bottom:10px;}
.fieldimage img { border: 7px solid #e5e5e5;}


fieldset .hint { font: italic 11px/16px Georgia, Serif; color:#666666; width:340px; margin:10px 0px 0px 0px; }
fieldset .hint span { font-weight:bold; font-style:normal; color:#27231F;}

fieldset .error { display:none; }
fieldset .error { font: italic 11px/16px Georgia, Serif; color:#B5534E; width:340px; margin:10px 0px 0px 0px; }
fieldset .error span { font-weight:bold; font-style:normal; color:#cc0000;}

label {
    display:block;
    font: bold 13px/30px Helvetica, Arial, Sans-Serif;
    color: #27231F;
    margin:0px; padding:0px;
}

input {
    background: #E5E5E5;
    border:0px;
    width: 324px;
    font: 13px Helvetica, Arial, Sans-Serif;
    color: #666666;
    padding:10px 8px 6px 8px;
}
input:focus { color: #27231F; }

textarea {
    background: #E5E5E5;
    border:0px;
    width: 324px;
    height: 80px;
    font: 13px/16px Helvetica, Arial, Sans-Serif;
    color: #666666;
    padding:10px 8px 6px 8px;
}
textarea:focus { color: #27231F; }

button.big {
    margin-top: 20px;
    width: 520px;
    height: 80px;
    background: #9FC554;
    font: bold 32px/80px Helvetica, Arial, Sans-Serif;
    color:white;
    text-align: center;
    border:0px;
    cursor: pointer;
}
button.big:hover { background: #E5E5E5; color: #27231F; }


/* CUSTOM ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#address-el input { margin: 0px 10px 10px 0px;}
input#city { width: 140px; }
input#state { width: 50px; }
input#zip { width: 76px; }


/* TEMPLATES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#card #templates-wrap {
    margin: 20px 0px;
    width:460px;
    overflow:hidden;
}

body#card #templates {
    width:480px;
    overflow:hidden;
}

body#card .template {
    width:180px;
    overflow:hidden;
    padding:20px;
    background: #e5e5e5;
    float:left;
    margin: 0px 20px 20px 0px;
}

body#card .template .name { font: 16px/20px Georgia; }
body#card .template .byline { font: italic 11px/15px Georgia; }
body#card .template .image { margin:20px 0px; }

body#card .template.selected { background:#333333; }
body#card .template.selected { background:#333333; }
body#card .template.selected .name { color:white; }
body#card .template.selected .byline { color:white; }


body#card .template .variation { float:left; height:50px; width:10px; overflow:hidden; margin-right:10px; cursor: pointer; }
body#card .template .variation.over { width:20px; }
body#card .template .variation.selected { width:50px; }