* { margin:0; padding:0; }
html, body { height:100%; }
.cl:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
*:first-child+html .cl { display:inline-block; }
#box-all { background:#fff; min-height:100%; margin:auto; width:985px; }
#box-all #box-all-pd { padding:0 0 200px; }
/* ----------------------------------------------------------------------------------------------- footer */
#box-bottom { background:#000; height:140px; margin:-140px auto 0; width:985px; }
#box-bottom #box-bottom-pd { color:#fff; padding:22px 42px 0; }
#box-bottom #box-bottom-pd div { float:left; line-height:140%; }
.copy { width:282px; }
.bot-phone { margin:-1px 0 0; width:300px; }
.bot-phone span { font-size:18px; }
.vipro { width:319px; }
/* ----------------------------------------------------------------------------------------------- header */
#box-top { left:0px; position:absolute; top:0px; width:100%; }
#box-top #box-top-pd { margin:auto; position:relative; width:985px; }
#box-top #box-top-pd .action { left:33px; position:absolute; top:230px; }
#top-block { background:#000; height:184px; padding:0 42px; }
#top-block .logo { float:left; padding:30px 0 0 10px; width:158px; }
#top-block .logo img { display:block; }
#top-block .top-menu { float:left; padding:58px 0 0; width:287px; }
#top-block .top-menu ul { list-style:none; padding:0; }
#top-block .top-menu ul li { background:none; float:left; padding:0 0 10px; width:143px; }
#top-block .top-menu ul li a.activ { color:#fff; text-decoration:none; }
#top-block .top-phone { color:#fff; float:left; line-height:140%; padding:55px 0 0; width:321px; }
#top-block .top-phone span { font-size:18px; }
#top-block .enter { float:left; padding:61px 0 0; width:125px; }
#top-block .enter a { background:url(../i/enter-ico.gif) no-repeat 100% 2px; display:inline-block; font-size:11px; padding:0 25px 0 0; }
#top-block .enter a.exit { background-image:url(../i/exit-ico.gif); }
#top-block .enter .user { color:#fff; display:block; font-weight:bold; margin:-1px 0 0 -1px; padding:0 0 12px; }
/* OLD */
#top-banner { background:url(../i/top-pic.jpg) no-repeat; }
#top-banner .top-left { float:left; height:167px; padding:167px 0 0; width:714px; }
#top-banner .top-left .ceramic, #top-banner .top-left .mosaic { float:left; height:167px; width:357px; }
#top-banner .top-left .ceramic a, #top-banner .top-left .mosaic a { color:#fff; display:block; font-size:18px; height:31px; padding:136px 0 0 25px; }
#top-banner .top-left .ceramic { background:url(../i/ceramic-pic.jpg) no-repeat; }
#top-banner .top-left .mosaic { background:url(../i/mosaic-pic.jpg) no-repeat; }
#top-banner .top-right { float:left; height:334px; width:271px; }
#top-banner .top-right .dealer, #top-banner .top-right .goods { height:167px; }
#top-banner .top-right .dealer a, #top-banner .top-right .goods a { color:#fff; display:block; }
#top-banner .top-right .dealer { background:url(../i/dealer-pic.jpg) no-repeat; }
#top-banner .top-right .dealer a { font-size:24px; font-style:italic; padding:27px 25px 0; height:140px; }
#top-banner .top-right .goods { background:url(../i/goods-pic.png) no-repeat; }
#top-banner .top-right .goods a { font-size:18px; padding:35px 25px 0; height:132px; text-decoration:none; }
/*
#top-banner { background:url(../i/top-pic2.jpg) no-repeat; }
#top-banner .top-left { float:left; height:39px; padding:0; width:714px; }
#top-banner .top-left .ceramic, #top-banner .top-left .mosaic { float:left; height:39px; width:357px; }
#top-banner .top-left .ceramic a, #top-banner .top-left .mosaic a { color:#fff; display:block; font-size:18px; height:39px; padding:7px 0 0 25px; }
#top-banner .top-left .ceramic { background:url(../i/ceramic-pic.jpg) 0 100% no-repeat; }
#top-banner .top-left .mosaic { background:url(../i/mosaic-pic.jpg) 0 100% no-repeat; }
.caco { height:295px; }
.caco-block { left:41px; position:relative; top:90px; width:651px; }
.caco-block span { color:#fff; font-size:18px; line-height:38px; text-shadow:1px 1px #a06906; }
.caco-block div, .caco-block div a { color:#fff; font-size:30px; text-shadow:1px 1px #a06906; }
.caco-block div a:hover { color:#000; text-decoration:underline; text-shadow:none; }
*/
/* ----------------------------------------------------------------------------------------------- content */
#collumn-left-in { float:left; margin-right:-271px; width:100%; }
#collumn-left-in #collumn-left { margin-right:271px; }
/* right collumn */
#collumn-right { float:right; width:271px; }
/* select form */
#select-param { background:#fcf7ec; overflow:hidden; margin:0 0 40px; padding:34px 42px 0 30px; position:relative; width:199px; }
#select-param .title { color:#353535; font-size:18px; padding:0 0 14px; }
#select-param a { display:inline-block; font-weight:bold; height:21px; padding:4px 9px 0; }
#select-param a.sel { background:#d39411; color:#fff; text-decoration:none; }
#select-param form { left:30px; padding:30px 0; position:absolute; top:100px; }
#select-param form div.cl { padding:0 0 27px; }
#select-param form div label { cursor:pointer; display:block; padding:0 0 3px; }
#select-param form div .txt { width:145px; }
#select-param form div .wcost { width:43px; }
#select-param form div select { width:157px; }
#select-param form div .of, #select-param form div .to,
#select-param form div .rub { display:inline-block; font-size:12px; padding:2px 5px 0 0; vertical-align:top; }
#select-param form div .to { padding:2px 5px 0 11px; }
#select-param form div .rub { padding:2px 0 0 5px; }
#select-param form .btn { padding-top:19px; }
/* news */
#news-article { font-size:12px; padding:0 25px 20px 30px; }
#news-article .title, #news-article .title a, #partner .title, #partner .title a { color:#353535; font-size:18px; padding:0 0 14px; }
#news-article .title a { padding:0; }
#news-article .day { padding:0 0 20px; }
#news-article .day span { background:#d39411; color:#fff; display:inline-block; margin:0 0 5px; padding:1px 7px 2px; }
/* partner */
#partner { padding:0 24px 0 30px; }
#partner a { display:block; margin:0 0 17px; }
#partner a img { display:block; }
/* left collumn */
#collumn-left-in #collumn-left #collumn-left-pd { line-height:140%; padding:30px 20px 0 42px; }
#collumn-left-pd.content { padding:44px 20px 0 25px !important; }
#collumn-left-pd.content h1 { color:#d29311; font-family:"Times New Roman","MS Serif",serif; font-size:40px; padding:0 0 33px !important; }
/* goods list (main page) */
#popular-goods { padding:0 0 20px; }
#popular-goods .title { padding:0 0 14px; }
#popular-goods .cl { margin:0 0 0 -13px; padding:0 0 30px; }
#popular-goods .title, #popular-goods .title a { font-size:18px; }
#popular-goods .goods { border-left:1px solid #dbdbdb; float:left; font-size:12px; line-height:120%; padding:10px 10px 25px 12px; position:relative; width:143px; }
#popular-goods .goods img { display:block; margin:0 0 15px; }
#popular-goods .goods .price { padding:14px 0 0; }
#popular-goods .goods .price span { font-size:18px; }
#popular-goods .store { color:#676767; font-size:11px; font-style:italic; line-height:normal; padding:7px 0 0; }
#popular-goods .store span { background:#9dbf49; color:#2d2d2d; display:inline-block; font-size:12px; margin:0 0 0 3px; padding:0 6px 0 5px; }
#popular-goods .catalog-br { background:#faf2e2; height:3px; margin:0 0 30px -13px; overflow:hidden; }
/* dealer form & modal */
#modal { background:#000; display:none; filter:Alpha(Opacity=63); height:100%; left:0px; opacity:.63; position:absolute; top:0px; width:100%; }
#modal { z-index:100; }
#dealer-form { background:url(../i/bg-form-dealer.png) no-repeat; display:none; height:435px; left:0; position:absolute; top:-435px; width:621px; }
#dealer-form { z-index:101; }
#dealer-form #dealer-form-pd { height:319px; padding:58px; position:relative; width:505px; }
#dealer-form-pd .close-form { left:546px; position:absolute; top:44px; z-index:102; }
#dealer-form-pd .title { color:#2d2d2d; font-size:24px; padding:29px 0 0 38px; }
#dealer-form-pd form { padding:26px 40px 0; }
#dealer-form-pd form div { padding:0 0 11px; }
#dealer-form-pd form div label { cursor:pointer; display:block; font-size:11px; padding:0 0 4px; }
#dealer-form-pd form div .txt { width:295px; }
#dealer-form-pd form div.me { padding-top:5px; }
#dealer-form-pd form div.me label { display:inline-block; font-size:11px; padding:0 0 0 7px; vertical-align:top; }
#dealer-form-pd form div.btn { padding-top:9px; }
/* small banner (top content) */
#small-banner { height:39px; overflow:hidden; }
#small-banner div { float:left; height:39px; width:357px; }
#small-banner div a { color:#fff; display:block; font-size:18px; height:32px; padding:7px 0 0 25px; }
#small-banner div a.activ { background:#d39411; cursor:default; text-decoration:none; }
#small-banner .small-left { background:url(../i/ceramic-spic.jpg) no-repeat; }
#small-banner .small-right { background:url(../i/mosaic-spic.jpg) no-repeat; }
/* news list */
.news-list {}
.news-list div { padding:0 0 20px; }
.news-list .data { background:#d39411; display:inline-block; color:#fff; padding:0 7px 0 5px; }
.news-list .tit { display:inline-block; font-weight:bold; padding:6px 0 7px; }
.news-list .atit { display:inline-block; font-weight:bold; padding:0 0 7px; }
/* pagination */
.page-num { padding:14px 0 0; }
.page-num a { display:inline-block; padding:0 7px 0 6px; }
.page-num a:hover { background:#f1f1f1; }
.page-num span { background:#faf2e2; display:inline-block; padding:0 7px 0 6px; }
.page-num div { padding:0 0 10px; }
.page-num div * { background:none !important; padding:0 !important; }
.page-num div a:hover { background:none !important; }
.page-num div span { color:#abadb3 !important; padding:0 10px !important; }
/* path */
.path { font-size:12px; margin:-26px 0 0; padding:0 0 5px; }
.path a { display:inline-block; padding:0 5px 0 0; }
#map-shop, #map-store { border:1px solid #000; height:432px; width:660px; }
/* catalog detail */
#catalog-pic { border:1px solid #dbdbdb; border-width:1px 0; overflow:hidden; padding:0 0 0 4px; width:660px; }
#catalog-pic img { display:block; float:left; margin:5px 5px 5px 0; }
.catalog-tab tbody tr td { padding:0 15px 7px 0; vertical-align:bottom; }
.catalog-tab tbody tr td.n { padding-left:25px; }
.catalog-tab tbody tr td.n em, .catalog-tab tbody tr td.n i { color:#676767; }
.catalog-tab tbody tr td span { background:#9dbf49; display:inline-block; font-style:italic; padding:0 7px 0 5px; }
.catalog-tab tbody tr td.cost { font-size:24px; font-weight:bold; padding-top:10px; }
.catalog-tab tbody tr td.ncost { padding:0 15px 4px 25px; }
.catalog-tab tbody tr td.add { padding:21px 0 0 25px; }
.catalog-tab tbody tr td.add a { background:#d39411; color:#fff; display:inline-block; padding:3px 20px 5px; }
#order-form { display:none; left:100px; position:absolute; top:100px; z-index:103; }
#order-form .close-form { position:absolute; right:44px; top:44px; }
#order-form table tbody tr td { background-repeat:no-repeat; vertical-align:top; }
.f-content { background:#fff; padding:30px; }
.f-tl, .f-tr, .f-bl, .f-br { height:58px; width:58px; }
.f-tl { background-image:url(../i/order/tl.png); }
.f-tc { background-image:url(../i/order/tc.png); }
.f-tr { background-image:url(../i/order/tr.png); }
.f-cl { background-image:url(../i/order/cl.png); background-repeat:repeat-y !important; }
.f-cr { background-image:url(../i/order/cr.png); background-repeat:repeat-y !important; }
.f-bl { background-image:url(../i/order/bl.png); }
.f-bc { background-image:url(../i/order/bc.png); }
.f-br { background-image:url(../i/order/br.png); }
.info-tab tbody tr td { line-height:140%; padding:0 20px 0 0; vertical-align:top; }
.info-tab tbody tr td em, .info-tab tbody tr td i { color:#666; display:block; padding:0 0 5px; }
.info-tab tbody tr td.pic img { display:block; }
.info-tab tbody tr td.cost { padding:0; }
.info-tab tbody tr td.cost span { display:inline-block; font-size:24px; font-weight:bold; }
.info-tab tbody tr td .txt { width:60px; }
.f-content div { padding:0 0 7px; }
.f-content div label { display:block; font-size:12px; padding:0 0 4px; }
.f-content div .txt { width:295px; }
.f-content div .atxt { width:300px; }
.f-content .btn { padding:7px 0 0; }
#imgPreviewWithStyles { z-index: 999; border: none; }
/* AL20110303 */
.title-block { color:#d29311; font:18px/25px Arial; }
/* AL20112806 */
.percent { left:90px; position:absolute; top:80px; }