/* configurator main */
#model-select {
    padding: 10px;
}

#model-select a {
    background: #f5f5f5;
    padding: 5px;
}

#model-select a:hover {
    background: #eee;
}

#vmcc-main {
    overflow: hidden;
    max-width: 915px;
    width: 915px;
    font-size: 12px;
    position: relative;
}

/* palette */
#palette {
    float: left;
    min-width: 281px;
    width: 281px;
    /*margin-right: 5px;*/
    padding: 5px;
}

#palette div.palette-part-row, #palette div.palette-part-row-optional {
    overflow: hidden;
    height: 20px;
    padding: 1px 0;
    padding: 1px 0;
    border-bottom: 1px dashed #eee;
}

#palette div.palette-part-row-optional {
    padding: 0px 0 0px 20px;
}

#palette .palette-part-name {
    float: left;
    margin-top: 3px;
}

#palette .palette-part-checkbox {
    float: left;
    margin: 5px 5px 0px 0px;
}

#palette .palette-part-color-select {
    width: 139px;
    padding: 3px;
    float: right;
    border: 1px solid #eee;
    font-size: 12px;
}

#palette div.palette-part-row-optional select.palette-part-color-select {
    opacity: 0.2;
}

div.option-row {
    overflow: hidden;
    padding: 5px 0;
}

div.option-row span {
    min-width: 147px;
    float: left;
    font-size: 12px;
    padding-top: 5px;
}

div.option-row select {
    padding: 3px;
    min-width: 140px;
}

div.option-row input#quntity {
    padding: 3px;
    width: 25px;
    border: 1px solid #bbb;
}

div#message {
    margin-top: 15px;
    padding: 10px;
    background: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: justify;
    color: #666;
}

div#vmcc-actions {
    float: right;
    position: relative;
    /*  margin-top: 20px;*/
}

div#vmcc-actions a img {
    border: 0 !important;
}

#container_content #content #vmcc-actions a img {
    margin: 0 ! important;
}

/* share form */
.vmcc-share {
    position: absolute;
    background: white;
    border: 1px solid #666;
    padding: 5px;
    right: 0;
    bottom: 7px;
}

.vmcc-share h5 {
    font-size: 11px;
}

.vmcc-share a#share-cancel {
    position: absolute;
    bottom: 10px;
    left: 80px;
}

.vmcc-share #share-msg {
    position: absolute;
    background: #20b2aa;
    opacity: 0.8;
    color: #fff;
    left: 0;
    width: 100%;
    padding: 30px 0;
    font-weight: bold;
    text-align: center;
}

.vmcc-share ul, .vmcc-share ul li {
    margin: 0;
    padding: 0;
}

.vmcc-share ul {
    list-style-type: none;
}

#frm-share input[type=text], #frm-share textarea {
    border: 1px solid #DDD;
    padding: 4px;
    font-size: 10px;
    width: 170px;
}

#frm-share input[type=submit] {
    border: none;
    padding: 5px;
    font-size: 10px;
    background-color: #68B2FF;
    color: #fff;
}

#frm-share label {
    font-size: 10px;
    color: #666;
}

#frm-share textarea {
    height: 40px;
    resize: none;
}

.elf-button {
    height: 40px;
    width: 96px;
    margin: 7px 2px;
}

.elf-button#elf-red:hover, .elf-button#elf-red.active {
    background-position: 0 -40px;
}

.elf-button#elf-blue:hover, .elf-button#elf-blue.active {
    background-position: 0 -40px;
}

.elf-button#elf-violet:hover, .elf-button#elf-violet.active {
    background-position: 0 -40px;
}

.elf-button#elf-white:hover, .elf-button#elf-white.active {
    background-position: 0 -40px;
}