div.wrp-goods table {width: 100%; height: 100%; border: 0; border-collapse: collapse; border-spacing: 0;}
div.wrp-goods table tr {height: 10px;}
div.wrp-goods table tr td {background: white;}

div.wrp-goods table tr td.center {background: white;}
div.wrp-goods table tr td.target {background: white; padding: 0px 10px; vertical-align: middle; height: 47px;}
div.wrp-goods table tr.top td.center {background: white; border-top: 1px solid #c0c0c0;}

div.wrp-goods table tr.middle {vertical-align: middle}
div.wrp-goods table tr.middle td.left {background: white; border-left: 1px solid #c0c0c0;}
div.wrp-goods table tr.middle td.right {background: white; border-right: 1px solid #c0c0c0;}
div.wrp-goods table tr.bottom td.center {background: white; border-bottom: 1px solid #c0c0c0;}

div.wrp-goods table tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles.png') no-repeat; }
div.wrp-goods table tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles.png') no-repeat; background-position: -10px 0;}
div.wrp-goods table tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles.png') no-repeat; background-position: 0px -10px;}
div.wrp-goods table tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles.png') no-repeat; background-position: -10px -10px;}

* html div.wrp-goods table tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles.gif') no-repeat; }
* html div.wrp-goods table tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles.gif') no-repeat; background-position: -10px 0;}
* html div.wrp-goods table tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles.gif') no-repeat; background-position: 0px -10px;}
* html div.wrp-goods table tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles.gif') no-repeat; background-position: -10px -10px;}

div.wrp-goods div.top table tr.bottom td.left {width: 10px; background: white; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.top table tr.bottom td.right {width: 10px; background: white; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods div.bottom table tr.top td.left {width: 10px; background: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.bottom table tr.top td.right {width: 10px; background: white; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods div.middle table tr.bottom td.left {width: 10px; background: white; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table tr.bottom td.right {width: 10px; background: white; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
div.wrp-goods div.middle table tr.top td.left {width: 10px; background: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table tr.top td.right {width: 10px; background: white; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods div.top table tr.bottom td {border-bottom: 0px;}
div.wrp-goods div.top table tr.bottom td.left {border-bottom: 0px;}
div.wrp-goods div.top table tr.bottom td.right {border-bottom: 0px;}

div.wrp-goods div.middle table tr.bottom td {border-bottom: 0px;}
div.wrp-goods div.middle table tr.bottom td.left {border-bottom: 0px;}
div.wrp-goods div.middle table tr.bottom td.right {border-bottom: 0px;}

div.wrp-goods table:hover {width: 100%; height: 100%; border: 0; border-collapse: collapse; border-spacing: 0;}
div.wrp-goods table:hover tr {height: 10px;}
div.wrp-goods table:hover tr td {background: #f3f3f1;}

div.wrp-goods table:hover tr td.center {background: #f3f3f1;}
div.wrp-goods table:hover tr td.target {background: #f3f3f1; padding: 0px 10px; vertical-align: middle; height: 47px;}
div.wrp-goods table:hover tr.top td.center {background: #f3f3f1; border-top: 1px solid #c0c0c0;}

div.wrp-goods table:hover tr.middle {vertical-align: #f3f3f1}
div.wrp-goods table:hover tr.middle td.left {background: #f3f3f1; border-left: 1px solid #c0c0c0;}
div.wrp-goods table:hover tr.middle td.right {background: #f3f3f1; border-right: 1px solid #c0c0c0;}
div.wrp-goods table:hover tr.bottom td.center {background: #f3f3f1; border-bottom: 1px solid #c0c0c0;}

div.wrp-goods table:hover tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; }
div.wrp-goods table:hover tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: -10px 0;}
div.wrp-goods table:hover tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: 0px -10px;}
div.wrp-goods table:hover tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: -10px -10px;}

* html div.wrp-goods table:hover tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; }
* html div.wrp-goods table:hover tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: -10px 0;}
* html div.wrp-goods table:hover tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: 0px -10px;}
* html div.wrp-goods table:hover tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: -10px -10px;}

div.wrp-goods div.top table:hover tr.bottom td.left {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.top table:hover tr.bottom td.right {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
div.wrp-goods div.bottom table:hover tr.top td.left {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.bottom table:hover tr.top td.right {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods div.middle table:hover tr.bottom td.left {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table:hover tr.bottom td.right {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
div.wrp-goods div.middle table:hover tr.top td.left {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table:hover tr.top td.right {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods table.open {width: 100%; height: 100%; border: 0; border-collapse: collapse; border-spacing: 0;}
div.wrp-goods table.open tr {height: 10px;}
div.wrp-goods table.open tr td {background: #f3f3f1;}

div.wrp-goods table.open tr td.center {background: #f3f3f1;}
div.wrp-goods table.open tr td.target {background: #f3f3f1; padding: 0px 10px; vertical-align: middle; height: 47px;}
div.wrp-goods table.open tr.top td.center {background: #f3f3f1; border-top: 1px solid #c0c0c0;}

div.wrp-goods table.open tr.middle {vertical-align: #f3f3f1}
div.wrp-goods table.open tr.middle td.left {background: #f3f3f1; border-left: 1px solid #c0c0c0;}
div.wrp-goods table.open tr.middle td.right {background: #f3f3f1; border-right: 1px solid #c0c0c0;}
div.wrp-goods table.open tr.bottom td.center {background: #f3f3f1; border-bottom: 1px solid #c0c0c0;}

div.wrp-goods table.open tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; }
div.wrp-goods table.open tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: -10px 0;}
div.wrp-goods table.open tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: 0px -10px;}
div.wrp-goods table.open tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.png') no-repeat; background-position: -10px -10px;}

* html div.wrp-goods table.open tr.top td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; }
* html div.wrp-goods table.open tr.top td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: -10px 0;}
* html div.wrp-goods table.open tr.bottom td.left {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: 0px -10px;}
* html div.wrp-goods table.open tr.bottom td.right {width: 10px; height: 10px; background: url('../img/wp/wp-angles-gray.gif') no-repeat; background-position: -10px -10px;}

div.wrp-goods div.top table.open tr.bottom td.left {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.top table.open tr.bottom td.right {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
div.wrp-goods div.bottom table.open tr.top td.left {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.bottom table.open tr.top td.right {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

div.wrp-goods div.middle table.open tr.bottom td.left {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table.open tr.bottom td.right {width: 10px; background: #f3f3f1; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
div.wrp-goods div.middle table.open tr.top td.left {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
div.wrp-goods div.middle table.open tr.top td.right {width: 10px; background: #f3f3f1; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
