html { width: 100%; height: 100%; }
body { min-width: 870px; height: auto; padding: 15px 0; font: normal 12px arial, tahoma, sans-serif; color: #5e5e5e; }

h1 {
    font: normal 24px 'HattoriHanzoLight', arial, sans-serif;
	color: #3a3a3a; text-transform: uppercase;
	margin-bottom: 8px;
}

h3 {
    font: normal 18px 'HattoriHanzoLight', arial, sans-serif;
	color: #a60000; text-transform: uppercase;
	margin-bottom: 4px;
}


/* === CONSTRUCTOR === */
.constructor {}
.constructor .lcol { float: left; margin-right: 15px; width: 400px; height: 400px;}
.constructor .rcol { overflow: hidden;}

/* --- pizza --- */
.constructor .pizza {width: 400px; height: 400px; position: relative; margin-left: 0; }
.constructor .pizza .loading {
    position: absolute; z-index: 2000;
    top: 0; left: 0;
    height: 100%; width: 100%; 
    background: url(../images/constructor/ajax-loader.gif) 50% 50% no-repeat;
    display: none;
}
.constructor .pizza .layer { position: absolute; z-index: 1; top: 0; left: 0; }

/* --- ingredients tops --- */
.constructor .ingredients_tops { margin: 10px 15px 50px 10px; width: 160px; float: left; font: normal 16px/1.2 'HattoriHanzoLight', arial, sans-serf; position: relative; }
.constructor .ingredients_tops li { display: block; border-top: 1px dashed #c2c2c2; }
.constructor .ingredients_tops li:first-child { border-top: none; }
.constructor .ingredients_tops li a { text-transform: uppercase; color: #a60000; display: block; padding: 8px 25px 9px 10px; margin: -1px 0; }
.constructor .ingredients_tops li.added a { background: url(../images/constructor/tick.png) 97% 50% no-repeat; }
.constructor .ingredients_tops li a:hover,
.constructor .ingredients_tops li.current a { background-color: #f3f3eb; position: relative; }

/* --- ingredients --- */
.constructor .ingredients_wrap {
    float: left; width: /*260*/245px; -moz-width:250px;
    margin-bottom: 50px; padding: 7px 5px; 
    border: 1px solid #d4d3be; 
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
	behavior: url(../styles/PIE.htc);
    position: relative;
}
.constructor .ingredients_wrap .corner {
    position: absolute; 
    top: 50%; left: -9px; margin-top: -9px; 
    height: 17px; width: 9px;
    background: url(../images/constructor/corner.png) 50% 50% no-repeat;
}
.constructor .ingredients { line-height: 1.3; width: 100%; }
.constructor .ingredients tr td { vertical-align: top; padding: 4px 4px; border: 0 none; }
.constructor .ingredients .adder { text-align: center; white-space: nowrap; }
.constructor .ingredients .name { width: 100%; }
.constructor .ingredients .weight { white-space: nowrap; color: #aaa; }
.constructor .ingredients .price { white-space: nowrap; color: #e97e01; }
.constructor .ingredients .added .itext { color: #41413a; }

/* quantity adder */
.adder {}
.adder .plus, .adder .minus, .adder .plus1, .adder .minus1 { cursor: pointer; display: inline-block; width: 10px; height: 12px; vertical-align: middle; font-size: 0; }
.adder .plus, .adder .plus1  { background: url(../images/constructor/arr_right.png) 50% 50% no-repeat; }
.adder .minus, .adder .minus1 { background: url(../images/constructor/arr_left.png) 50% 50% no-repeat; }
.adder .itext {
    display: inline; vertical-align: middle;
    width: 1em; height: 1em;
    padding: 2px 2px 3px; margin: 0;
    border: 1px solid #d4d3be; background: #fff;
    color: #d4d3be; text-align: center; font-size: 0.96em;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
	behavior: url(../styles/PIE.htc);
    position: relative;
}

/* --- result --- */
.constructor .result {
    float: none; clear: both; width: 440px;
    padding: 15px 15px; margin-bottom: 20px;
    background: #f5f5f5;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
	behavior: url(../styles/PIE.htc);
    position: relative;
    float:right;
}
.constructor .result .lcol { float: left; margin: 0; width: 285px; border-right: 1px solid #dadada; }
.constructor .result h1 { }

/* result total */
.constructor .result_total { float: left; padding: 30px 0 0 17px; }
.constructor .result_total .sum { font: normal 16px 'HattoriHanzoLight', arial, sans-serif; color: #a60000; margin-bottom: 10px; }
.constructor .result_total .sum span { font-size: 24px; }
.constructor .result_total .weight { margin-bottom: 15px; }
.constructor .result_total .isubmit {
    border: 0; padding: 0 0 0 27px; margin-bottom: 15px;
    width: 122px; height: 30px;
    color: #fff; text-transform: uppercase;
    font: normal 16px/27px 'HattoriHanzoLight', arial, sans-serif;
    background: transparent url(../images/constructor/btn_basket.png) 50% 50% no-repeat;
    cursor: pointer; overflow: visible;
}
.constructor .result_total .isubmit:hover { color: #ffe6d3; }

/* result ingredients */
.constructor .result_ingredients { line-height: 1.3; width: 95%; }
.constructor .result_ingredients tr { border-top: 1px dashed #c2c2c2; }
.constructor .result_ingredients tr:first-child { border-top: 0 none; }
.constructor .result_ingredients tr td { vertical-align: top; padding: 5px 4px;  }
.constructor .result_ingredients .adder { text-align: center; white-space: nowrap; }
.constructor .result_ingredients .name { width: 100%; color: #3e3e3e; }
.constructor .result_ingredients .weight { white-space: nowrap; color: #aaa; }
.constructor .result_ingredients .price { white-space: nowrap; color: #e97e01; }
.constructor .result_ingredients .added .itext { color: #41413a; }


.constructor-result-holder{overflow:hidden;}