body { background-color: #c8d4ca; margin: 0; font-family: Verdana, Arial; font-size: 10px; color:gray; }
img {border:0;}

#site { width:980px; margin: 0px auto; }
#head { background-image: url(/images/bg-head01.jpg); background-repeat: no-repeat; height: 90px; }
#head-sub-navi { background-image: url(/images/bg-head02.jpg); background-repeat: no-repeat; height: 22px; color:white; padding: 10px 0px 0px 120px; }
#head-sub { background-image: url(/images/bg-head03.jpg); background-repeat: no-repeat; height: 27px; }
#head-logo { background-image: url(/images/bg-head04.jpg); background-repeat: no-repeat; height: 46px; width:980px; }
#screen { background-image: url(/images/bg-head05.jpg); background-repeat: repeat-y; height: 700px; padding-left:27px; padding-top:20px;}
#foot { background-image: url(/images/bg-foot01.jpg); background-repeat: no-repeat; height: 134px; text-align: center; padding-top:60px; color:#6ca38c;}

#head-sub-navi a { color:white; text-decoration: none; }
#head-sub-navi a:hover { text-decoration: underline; }
a { color:grey; text-decoration: none; }
a:hover { text-decoration: underline; }

.info-box {width:290px; height:250px; float:left; text-align: left;}

.textfield {width:230px;}


/* basket */
img.basket-add { display: block; width: 15px; height: 14px; float: left; background-image: url(/imgages/layout/basket-plus.gif); }
img.basket-rem { display: block; width: 15px; height: 14px; float: left; background-image: url(/imgages/layout/basket-minus.gif); }
img.basket-del { display: block; width: 15px; height: 14px; float: left; background-image: url(/imgages/layout/basket-remove.gif); }
table.basket th { font-weight: bolt; text-align: left; padding: 2px; border-bottom: 2px solid #778BA7; }
table.basket th.right { text-align: right; }
table.basket td.action { width: 50px; padding: 2px; border-bottom: 1px solid #778BA7; }
table.basket td.title { width: 257px; padding: 2px; border-bottom: 1px solid #778BA7; }
table.basket td.num { width: 50px; padding: 2px; border-bottom: 1px solid #778BA7; text-align: center; }
table.basket td.price, table.basket td.sum { width: 75px; padding: 2px; border-bottom: 1px solid #778BA7; text-align: right; color: #721136; }
table.basket tfoot td.sum { border: 0; font-weight: bold; width: auto; color: #721136; }
table.basket tfoot td.end { border-bottom: 3px double #778BA7; border-top: 1px solid #778BA7; font-size: 18px; }
table.basket tfoot td.border { border-top: 1px solid #778BA7; }
table.basket tfoot td.bborder { border-bottom: 1px solid #778BA7; }
table.basket td.numsum { padding: 2px; border-top: 1px solid #778BA7; text-align: center; font-weight: bold; }



td {text-align: left;}
td.caption { padding-top: 7px; padding-right: 5px; width: 120px; height:30px; text-align: left; }
span.help { border-bottom: 1px dotted #1d1b13; cursor: help; }

span.err { color: #e00; }
p.err { color: #e00; font-weight: bold; }
p.err a { color: #e00; text-decoration: underline; }
input.err { border:1px solid; border-color: #e00 !important; }
select.err { border-color: #e00 !important; }

.half-trans { opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }

.prodprev { position: absolute; width: 235px; height: 210px; top: -55px; background-image: url(img/picprev.png); padding: 15px; }
* html .prodprev { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/picprev.png',sizingMethod='image'); }
.prodprev img { display: block; width: 235px !important; height: 210px; margin: 0 !important; background: #fff url(img/loader.gif) no-repeat center center !important; }


td.detail-left-top { width: 15px; height: 15px; background-image: url(img/detail-left-top.png); }
* html td.detail-left-top { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-left-top.png',sizingMethod='image'); }
td.detail-center-top { height: 15px; background-image: url(img/detail-center-top.png); }
* html td.detail-center-top { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-center-top.png',sizingMethod='scale'); }
td.detail-right-top { width: 15px; height: 15px; background-image: url(img/detail-right-top.png); }
* html td.detail-right-top { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-right-top.png',sizingMethod='image'); }
td.detail-left-center { width: 15px; background-image: url(img/detail-left-center.png); }
* html td.detail-left-center { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-left-center.png',sizingMethod='scale'); }
td.detail-center-center { background: #6D82A0 url(img/detail-loader.gif) no-repeat center center; }
td.detail-right-center { width: 15px; background-image: url(img/detail-right-center.png); }
* html td.detail-right-center { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-right-center.png',sizingMethod='scale'); }

td.detail-left-bottom { width: 15px; height: 15px; background-image: url(img/detail-left-bottom.png); }
* html td.detail-left-bottom { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-left-bottom.png',sizingMethod='image'); }
td.detail-center-bottom { height: 15px; background-image: url(img/detail-center-bottom.png); }
* html td.detail-center-bottom { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-center-bottom.png',sizingMethod='scale'); }
td.detail-right-bottom { width: 15px; height: 15px; background-image: url(img/detail-right-bottom.png); }
* html td.detail-right-bottom { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layout/img/detail-right-bottom.png',sizingMethod='image'); }

td.detail-center-center .close { padding: 3px; font-size: 16px; color: #fff; text-align: right; cursor: default; }
td.detail-center-center .close span { font-weight: bold; cursor: pointer; }

#prod-detail-pics div.pics img { display: block; float: left; width: 50px; border: 1px solid #D1DCF0; }
#prod-detail-pics div.pics img.active { border-color: #721136; }