﻿.leftcolumn{
    text-transform: none;
    width: 300px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.rightcolumn{
    width: 950px;
    padding-top: 20px;
}
#configurator
{
    height: 650px;
}

select { width: 100%; font-size: 16px; }
.component { padding-bottom: 10px; }
.componentselector  
{
    display: none;  
    padding-top: 10px;
}
.componentTitle
{
    font-family: "pragmatica-web",sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.selectedFinish {
    font-family: "pragmatica-web",sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
}
.componentselector:first-child {
    padding-top: 0;
}
#topselector { display: block; }
#powerselector {display: none; }
#printCanvas { display: none; }
#canvas{
	position: relative; left: 0; top: 0; display: none;
}
.imageBase {
	position: relative; top: 0; left: 0; display: none;
}
.imageLayer{
	position: absolute; top: 0; left: 0;
}
.topswatch, .baseswatch, .powerswatch { width: 24px; height: 24px; border: 1px solid white; float: left; margin-right: 2px; margin-bottom: 2px; overflow: hidden; }
.swatchselected { border-color: Red; }
#topFinish { padding-top: 8px; }
#links  
{
    float: right; 
    width: 200px; 
    margin-right: 40px; /* aligns the right side of the box with the right side of the image  */
    padding: 0; /* eliminates the top padding defined elsewhere */
    display: none; 
}
.link a {
    text-decoration: none;
}
.front { z-index: 100; }

/* dialog */
    #email-form label, #email-form input { display:block; }
    #email-form input, #email-form textarea { margin-bottom:12px; width:95%; padding: .4em; }
    #email-form textarea { resize: none; }
    #email-form fieldset { padding:0; border:0; margin-top:25px; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
    .ui-widget, .ui-widget input, .ui-widget button, .ui-widget textarea
    {
        font-size: 14px;
        font-family: "ff-meta-serif-web-pro",serif;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
    }