#product_variants { width: 100%; }
#product_variants tbody tr td { padding: 1px; }
#product_variants tbody tr td:first-child { width: 100%; }
#product_variants .variant { padding: 10px 0 2px 10px; }
#product_variants .decor { padding-left: 20px; }

#product_variants .decor_item { float: left; width: 100px; height: 120px; text-align: center; border: #EEE solid thin; margin: 2px; padding: 5px 0 0 0; cursor: pointer; pointer: pointer; position: relative; }
#product_variants .decor_group { padding: 15px 0 15px; }

#product_decor { width: 100%; }
#product_decor tbody tr td { padding: 1px; }
#product_decor tbody tr td:first-child { width: 100%; }

#product_decor .decor_item { float: left; width: 95px; height: 120px; text-align: center; padding: 5px 2px 0 2px; margin:2px; cursor: pointer; pointer: pointer; position: relative; }
#product_decor .decor_item img { position: relative; z-index: 1; }
#product_decor .decor_group { padding: 10px 3px 3px; margin: 0 0 10px; background: #FFF; border: 1px solid #EEE;}
#product_decor .decor_group img { border: none; }

.bin_decor_item, .bin_elems_item { font-size: 11px; float: left; width: 100px; height: 140px; text-align: center; padding: 5px 2px 0 2px; margin:2px; }
.bin_elems_item { height: 160px; }
.bin_decor_group, .bin_elems_group { padding: 3px; margin: 10px 0 10px; background: #FFF; border: 1px solid #EEE;}
.bin_decor_group img, .bin_elems_group img { border: none; }
.bin_decor_item .price_div, .bin_elems_item .price_div { position: absolute; top: 0; left: 0; text-align: right; width: 100%; padding: 3px 0 0; display:none; }
.bin_decor_item .price_div span, .bin_elems_item .price_div span { background: #FFF; border: 1px solid #AAA; margin-right: 3px;}
.bin_variant_name { font-weight: bold; border-bottom: 1px solid #EEE; }

#product_elements { width: 100%; color: #555; margin-top: 5px; border-collapse: collapse; }
#product_elements tbody tr.product_element {  border: 1px solid #EEE; }
#product_elements tbody tr.product_element td { padding: 5px; background: #FFF; }
#product_elements tbody tr.product_element td:first-child { vertical-align:middle; }
#product_elements tbody tr th { padding: 5px; text-align: left; font-size: 12px; font-weight: bold; }
#product_elements img { border: none; }
#product_elements .product_element:hover td { background: #DDD; }
#product_elements .product_element_pic { position: relative; }
#product_elements .element_price { text-align: right; font-weight: bold; font-size: 12px; }
.assembly_total * { text-align: right; font-weight: bold; font-size: 14px; }


.decor_title { font-weight: bold; color: #555; margin: 10px 0 3px; }
.decor_selection_hint { padding-left: 20px; }
* .product_element { cursor: pointer; pointer: pointer; position: relative; }

.selected_highlight { position: absolute; top: 0px; left: 0px; z-index:10; display: none; }

* .decor_item:hover { background: #DDD; }
* .selected .selected_highlight { display: block; }
* .product_element:hover .selected_highlight { display: block; opacity: 0.5; filter: alpha(opacity=50); }
* .product_element.selected:hover .selected_highlight { display: block; opacity: 1.0; filter: alpha(opacity=100); }

* .decor_item:hover .selected_highlight { display: block; opacity: 0.5; filter: alpha(opacity=50); }
* .decor_item.selected:hover .selected_highlight { display: block; opacity: 1.0; filter: alpha(opacity=100); }

table#user_bin { width: 100%; border-collapse: collapse; text-align: left; }
table#user_bin tbody tr td, table#user_bin tbody tr th { padding: 5px; }
table#user_bin tbody tr th { font-size: 12px;  }
table#user_bin tbody tr.title td { font-size: 12px; border-bottom: 1px solid #CCC;  }
table#user_bin tbody tr.title td:first-child { font-weight: bold; } 
table#user_bin tbody tr.info { border-left: 1px solid #DDD; }
table#user_bin tbody tr.info > td:first-child { padding: 5px; }
table#user_bin tbody tr.total { border-top: 1px solid #DDD; font-size: 14px; font-weight: bold; }

table#user_bin table.additional_info { width: 100%; }
table#user_bin table.additional_info tbody tr td { padding: 1px; }
table#user_bin table.additional_info tbody tr td:first-child { width: 90px; }

table#user_bin #product_decor tbody tr td:first-child { width: 100%; }
table#user_bin #product_variants tbody tr td:first-child { width: 100%; }
table#user_bin #product_variants .variant { padding: 10px 0 2px 10px; }
table#user_bin #product_variants .decor { padding-left: 20px; }

#bin_content { text-align: center; }

#order_info_tbl { width: 100%; border-collapse: collapse; }
#order_info_tbl tbody tr td { font-size: 12px; padding: 5px; border: 1px solid #CCC; }
#order_info_tbl tbody tr td:first-child { width: 200px; font-weight: bold; }

#orders_info_tbl { width: 100%; border-collapse: collapse; }
#orders_info_tbl tbody tr td { padding: 5px; border: 1px solid #CCC; }