#grid {
    position:relative;
    width:100%;
    min-height:600px;
}

.draggable {
    position:absolute;
    width:310px;
    height:230px;
    background:#dee8f1;
    border: solid 1px #ddd;
    margin:0px;
    padding:0px;
}

.draggable img {margin: 0px;}

/* Use this file for all project-specific styles,
 so the Master.css is not modified and can be easily upgraded */
.customClass { }


.fcmquote {background: #F9FdFF; text-align:right;}
.fcmorder {background: #f0f6fb; text-align:right;}
.fcmdesign {background: #e3ecF4;text-align:right;}
.fcmactual {background: #d8e4f1;text-align:right;}
.less { color: #C00000;}
.more { color: #008000;}

td.fcmquote:hover {background:yellow;}

tr.alternaterow td.fcmquote {background:#E9EDF1;}
tr.alternaterow td.fcmorder {background:#E3E9ED;}
tr.alternaterow td.fcmdesign {background:#D7DFE7;}
tr.alternaterow td.fcmactual {background:#D2DCE4;}

table.fcmgrid tr:hover td {background-color:#fcfccc !important;}
/*
.fcmmargins { background: #DAFF7F ;}
.fcmprice { background: #F6FF9B;}
.fcmcostsga { background: #FFED9E;}
.fcmcostprod { background: #FFDE8C ;}
/*
.fcmquote {background: rgba(222, 232, 241, 0.7)}
.fcmorder {background: rgba(227, 236, 244, 0.7)}
.fcmdesign {background: rgba(240, 246, 251, 0.7)}
.fcmactual {background: rgba(246, 251, 255, 0.7)}

.fcmquote {background: #eee;}
.fcmorder {background: #ddd;}
.fcmdesign {background: #ccc;}
.fcmactual {background: #bbb;}
*/



.layer0
{ font-weight:bold; }

.layer1
{
	padding-left:10px; width:200px;
}

.layer2
{
	padding-left:20px; width:200px;
}

.layer3
{
	padding-left:30px; width:200px;
}

.layer4
{
	padding-left:40px; width:200px;
}

.layer5
{
	padding-left:50px; width:200px;
}

.fence
{
	position:relative;
	left: 10;
	top:10;
}

table.fixed {
    table-layout: fixed;
}

table.fcmgrid {
    width: 100%
}

    table.fcmgrid tr:hover {
        background-color: #fcfccc !important;
    }

        table.fcmgrid tr:hover td {
            background-color: #fcfccc !important;
        }

.configurator SELECT, .form SELECT {
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    color: rgb(110, 110, 110);
    height: 34px;
    text-decoration: none solid rgb(110, 110, 110);
    width: 458px;
    border: 1px solid rgb(210, 210, 210);
    font: normal normal normal 14px/normal Arial, Helvetica, sans-serif;
    margin: 0px;
    outline: rgb(110, 110, 110) none 0px;
    padding: 6px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

    .configurator SELECT OPTION .form select option {
        box-sizing: border-box;
        padding: 20px 10px;
        height: 30px;
        color: rgb(110, 110, 110);
        cursor: default;
        text-decoration: none solid rgb(110, 110, 110);
        white-space: pre;
        align-self: center;
        border: 0px none rgb(110, 110, 110);
        font: normal normal normal 14px/normal Arial, Helvetica, sans-serif;
        outline: rgb(110, 110, 110) none 0px;
    }
.cursor-pointer {
    cursor: pointer
}
table.cart-summary, table.form {
    margin-top: 20px;
    border-width: 0;
    border-collapse: collapse;
    /*table-layout: fixed;*/
    empty-cells: show;
    width: 100%;
}
.navigation-bar INPUT, .configurator INPUT, .price-summary INPUT, TEXTAREA, .form INPUT {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; /*color: #333;*/
    height: 36px;
    text-decoration: none solid rgb(110, 110, 110);
    width: 200px;
    border: 1px solid rgb(210, 210, 210);
    font: normal normal normal 14px/20px Arial, Helvetica, sans-serif;
    margin: 0px;
    outline: rgb(110, 110, 110) none 0px;
    padding: 6px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.configurator INPUT, .form INPUT {
    width: 458px;
}

    .form input[type=button],
    .form input[type=submit],
    .form button {
        width: 200px;
    }