*, *:before, *:after { padding: 0px; margin: 0px; border: 0px; line-height: 1.4em; } ul, ol { margin: 0px; padding: 0px !important; } ol { display: block !important; zoom: 1; margin-left: 32px !important; } ol > li { margin-bottom: 8px; padding: 0px !important; } ol > li.last { margin-bottom: 0px; } ul { list-style-type: square !important; display: block !important; zoom: 1; margin-left: 32px !important; } ul > li { margin-bottom: 8px; padding: 0px !important; } ul > li.last { margin-bottom: 0px; } body { font-size: 10px; font-weight: 400; width: 100% !important; height: 100% !important; } img { border: none; margin: 0px; padding: 0px; width: 100%; height: auto; line-height: 1em; } label { display: inline-block; zoom: 1; vertical-align: middle; padding: 0px; margin: 0px; } a { outline: none; } table { border-padding: 0px; border-spacing: 0px; border-collapse: collapse; } td { border-padding: 0px; border-spacing: 0px; } h1,h2,h3,h4,h5,h6 { font-weight: 400; } strong { font-weight: 600; } iframe { margin: 0px; padding: 0px; border: none; } header,section,footer,aside,nav,main,article,figure,template,#wrapper { position: relative; display: block; padding: 0px; margin: 0px; } hr { position: relative !important; display: block !important; margin: 16px 0px !important; padding: 0px !important; width: 100%; height: 1px !important; overflow: hidden !important; color: transparent !important; background-color: green !important; border: none !important; } input, textarea, select, button { outline: none; border: none; vertical-align: middle; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; margin: 0px; padding: 0px; background-color: transparent; font-size: 1em; line-height: 1.4em; } .tp { margin: 0px auto; } .full { width: 100%; } .outter { width: 1024px; } .inner { width: 1000px; } .inline { display: inline-block; zoom: 1; vertical-align: middle; } .block { display: block; zoom: 1; } .clear { display: block; clear: both; overflow: hidden; height: 0px; } .shadow { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } .color_black { color: #666 !important; } .size1 { width: 5.5%; margin-right: 3%; } .size2 { width: 14%; margin-right: 3%; } .size3 { width: 22.5%; margin-right: 3%; } .size4 { width: 31%; margin-right: 3%; } .size5 { width: 39.5%; margin-right: 3%; } .size6 { width: 48%; margin-right: 3%; } .size7 { width: 56.5%; margin-right: 3%; } .size8 { width: 65%; margin-right: 3%; } .size9 { width: 73.5%; margin-right: 3%; } .size10 { width: 82%; margin-right: 3%; } .size11 { width: 90.5%; margin-right: 3%; } .size12 { width: 100%; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .margin_center { margin: 0px auto; } .left4 { margin-left: 4px; } .left8 { margin-left: 8px; } .left16 { margin-left: 16px; } .left24 { margin-left: 24px; } .left32 { margin-left: 32px; } .left48 { margin-left: 48px; } .right4 { margin-right: 4px; } .right8 { margin-right: 8px; } .right16 { margin-right: 16px; } .right24 { margin-right: 24px; } .right32 { margin-right: 32px; } .right48 { margin-right: 48px; } .top4 { margin-top: 4px; } .top8 { margin-top: 8px; } .top16 { margin-top: 16px; } .top24 { margin-top: 24px; } .top32 { margin-top: 32px; } .top48 { margin-top: 48px; } .bottom4 { margin-bottom: 4px; } .bottom8 { margin-bottom: 8px; } .bottom16 { margin-bottom: 16px; } .bottom24 { margin-bottom: 24px; } .bottom32 { margin-bottom: 32px; } .bottom48 { margin-bottom: 48px; } ._title { font-size: 32px; } ._title_sub { font-size: 24px; } ._title_other { font-size: 18px; } ._title_module { font-size: 20px; } ._notice { display: inline-block; zoom: 1; vertical-align: middle; } ._grid { float: left; } ._grid.first { margin-left: .5%; } ._grid.last { margin-right: 0px; } ._grid.noright { margin-right: 0px; } ._grid.noleft { margin-left: 0px; } ._icon { display: inline-block; zoom: 1; vertical-align: middle; } ._icon .label { display: inline-block; zoom: 1; vertical-align: middle; } ._icon .img { display: inline-block; zoom: 1; vertical-align: middle; } ._icon.float .label { float: left; display: block; } ._icon.float .img { float: left; display: block; } ._icon.small .img { width: 16px; height: 16px; overflow: hidden; } ._icon.normal .img { width: 20px; height: 20px; overflow: hidden; } ._icon.medium .img { width: 32px; height: 32px; overflow: hidden; } ._icon.large .img { width: 48px; height: 48px; overflow: hidden; } ._square { display: inline-block; zoom: 1; width: 8px; height: 8px; overflow: hidden; background-color: red; vertical-align: middle; margin-right: 6px; } ._button { display: inline-block; zoom: 1; vertical-align: middle; border: solid 1px #a4cee8; background-color: #a4cee8; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; } ._button.block { display: block; zoom: 1; } ._button:active, ._button:hover { background-color: #a7e0fd; border-color: #a7e0fd; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } ._button > a { display: block; height: 25px; padding: 7px 12px 0px 12px; color: #fff; border-bottom: none !important; } ._button:hover > a { text-decoration: none; color: #fff; border-bottom: none !important; } ._button.submit { background-color: #0085c0; color: #fff; border-color: #0085c0; } ._button.submit:hover { background-color: #479acc; color: #fff; border-color: #479acc; } ._button.submit > a { color: #fff; } ._button.submit:hover > a { color: #fff; } ._button.button { background-color: #55af27; color: #fff; border-color: #55af27; } ._button.button:hover { background-color: #6cca3b; color: #fff; border-color: #6cca3b; } ._button.button > a { color: #fff; } ._button.button:hover > a { color: #fff; } ._button.reset { background-color: #929292; color: #fff; border-color: #929292; } ._button.reset:hover { background-color: #9f9f9f; color: #fff; border-color: #9f9f9f; } ._button.reset > a { color: #fff; } ._button.reset:hover > a { color: #fff; } ._input { position: relative; display: block; zoom: 1; background-color: #f2f2f2; color: #9a9a9a; border: solid 1px #f2f2f2; padding: 0px 8px 0px 8px; } ._input.inline { display: inline-block; zoom: 1; } ._input.filebox { height: 27px; padding-top: 5px; } ._input.filebox input[type="file"] { width: 100%; } ._input.checkbox input[type="checkbox"] { opacity: 0; } ._input.checkbox input[type="checkbox"] + label { display: inline-block; zoom: 1; background: url(../images/unchecked-box.png) no-repeat left center transparent; padding-left: 20px; } ._input.checkbox input[type="checkbox"]:checked + label { background: url(../images/checked-box.png) no-repeat left center transparent; } ._input.radiobox { display: inline-block; zoom: 1; height: 27px; padding-top: 5px; background-color: transparent; border-color: transparent; } ._input.radiobox input[type="radio"] { opacity: 0; } ._input.radiobox input[type="radio"] + label { display: inline-block; zoom: 1; background: url(../images/unchecked-radio.png) no-repeat left center transparent; padding-left: 20px; } ._input.radiobox input[type="radio"]:checked + label { background: url(../images/checked-radio.png) no-repeat left center transparent; } ._input.textbox input[type="text"] { width: 100%; height: 32px; } ._input.textbox textarea { width: 100%; padding: 8px 0px 8px 0px; } ._input.selectbox select { width: 100%; height: 32px; background: url(../images/dropdown-normal.png) no-repeat right center transparent; } ._input.selectbox select:focus { width: 100%; height: 32px; background: url(../images/dropdown-focus.png) no-repeat right center transparent; } ._input:focus, ._input:active, ._input.focus { background-color: #f2f2f2; border-color: #a7e0fd !important; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } ._input.checkbox:focus, ._input.checkbox:active, ._input.checkbox.focus { background-color: transparent; border-color: transparent !important; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); } ._input.radiobox:focus, ._input.radiobox:active, ._input.radiobox.focus { background-color: transparent; border-color: transparent !important; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); } ._input.required { padding-right: 40px; } ._input .required { position: absolute; right: 0px; top: 0px; width: 32px; height: 27px; padding-top: 5px; overflow: hidden; text-align: center; background: #e2e2e2; } ._input .required:after { color: #666; font-weight: 600; font-size: 20px; content: '*'; } ._input.focus_error .required { background-color: #ffbfbf; } ._input.focus_error .required:after { color: #ff0000; } ._input.focus_error { background-color: #fbf0f0; border-color: #ff0000 !important; color: #ff0000; -webkit-box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); } ._input .holder { position: absolute; left: 8px; top: 8px; z-index: 1; color: #b9b9b9; } ._quote .open, ._quote .close { display: inline-block; zoom: 1; vertical-align: top; width: 16px; height: 16px; overflow: hidden; } ._quote .message { display: inline; zoom: 1; font-size: 20px; font-style: italic; } ._quote .open { margin-right: 8px; } ._quote .close { margin-left: 8px; } ._quote .name { color: #666; font-weight: 600; font-size: 16px; margin-top: 16px; } ._quote .button { margin-top: 12px; text-align: center; } ._quote .button > .item { display: inline-block; zoom: 1; background-color: #9a9a9a; margin: 0px 4px 0px 4px; } ._quote .button > .item a { display: block; width: 12px; height: 12px; overflow: hidden; } ._quote .button > .item.active { background-color: #666; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } ._quote .view_all { text-align: center; margin-top: 12px; border-top: solid 1px #e4e4e4; padding-top: 8px; font-weight: 600; } ._note { margin-left: 24px; padding: 8px 0px 8px 16px; border-left: solid 4px #e2e2e2; color: #9f9f9f; font-style: italic; } ._hint { color: #9f9f9f; font-style: italic; } ._form_item { margin-bottom: 8px; } ._form_item .label { padding-top: 2px; } ._form_item.last { margin-bottom: 0px; } ._response { margin-bottom: 16px; cursor: pointer; } ._response > .tp { padding: 8px 12px 8px 12px; } ._response.error { border: solid 1px #ff0000; color: #ff0000; background-color: #fbf0f0; -webkit-box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(255, 0, 0, 0.48); } ._response.success { border: solid 1px #55af27; color: #55af27; background-color: #f4ffee; -webkit-box-shadow: 0px 0px 2px rgba(85, 175, 39, 0.48); -moz-box-shadow: 0px 0px 2px rgba(85, 175, 39, 0.48); box-shadow: 0px 0px 2px rgba(85, 175, 39, 0.48); } ._tab { } ._tab .buttons > .tp { border-bottom: solid 1px #e4e4e4; } ._tab .buttons > .tp > .item { display: inline-block; zoom: 1; vertical-align: middle; background-color: #f4f4f4; color: #9a9a9a; border: solid 1px #e4e4e4; margin-bottom: -1px; } ._tab .buttons > .tp > .item.active { border-bottom: solid 1px transparent; } ._tab .buttons > .tp > .item a { display: block; padding: 12px 16px; color: #9a9a9a; border-bottom: none !important; } ._tab .buttons > .tp > .item:hover a { text-decoration: none; } ._tab .buttons > .tp > .item:hover, ._tab .buttons .item.active { background-color: #fff; color: #0085c0; } ._tab .buttons > .tp > .item.active, ._tab .buttons .item.active a { color: #0085c0; } ._tab .contents > .tp { border: solid 1px #e4e4e4; padding: 16px 16px; border-top: none; } ._tab .contents > .tp > .item.active { display: block; } ._tab .contents > .tp > .item { display: none; } ._tab .contents > .tp > .item .title { display: none; } ._list { } ._list > .tp { padding-left: 16px; } ._list > .tp > .item { margin-bottom: 8px; } ._list > .tp > .item.last { margin-bottom: 0px; } ._slide { position: relative; } ._slide > .tp { position: relative; height: 400px; overflow: hidden; } ._slide .content { z-index: 1; position: relative; width: 100%; height: 100%; } ._slide .content > .tp > .item { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; } ._slide .content > .tp > .item > .img { position: absolute; left: 0px; top: 0px; width: 1920px; height: 400px; overflow: hidden; } ._slide .content > .tp > .item > .text { position: absolute; left: 0px; bottom: 56px; width: 100%; } ._slide .content > .tp > .item > .text .title, ._slide .content > .tp > .item > .text ._title_sub { color: #0085c0; } ._slide .content > .tp > .item > .text .subtitle, ._slide .content > .tp > .item > .text ._title_other { color: #666; } ._slide .button { z-index: 2; position: absolute; left: 0px; bottom: 16px; width: 100%; text-align: center; } ._slide .button > .tp > .item { display: inline-block; zoom: 1; vertical-align: middle; margin: 0px 4px; background-color: #929292; } ._slide .button > .tp > .item.active { background-color: #444; } ._slide .button > .tp > .item a { display: block; width: 16px; height: 16px; overflow: hidden; } ._slide .button > .tp > .item a:hover { background-color: #444; } ._painting { position: relative; height: 420px; margin-bottom: 48px; background-color: #f4f4f4; text-align: center; } ._painting.small_box { height: 272px; } ._painting:hover { background-color: #fff; } ._painting.lastrow { margin-bottom: 0px; } ._painting > .tp { padding: 16px 12px 0px 12px; } ._painting .thumbnail { padding: 4px 4px; height: 180px; margin-bottom: 8px; } ._painting .title { margin-bottom: 2px; } ._painting .subtitle { margin-bottom: 4px; } ._painting .subtitle a { color: #444; } ._painting .button { position: absolute; left: 0px; bottom: 0px; width: 100%; background-color: #e4e4e4; font-size: 12px; } ._painting .button a { display: block; height: 30px; padding-top: 6px; color: #444; } ._painting .button a:hover { color: #0085c0; } ._painting .size { font-size: 12px; } ._painting .price { position: absolute; left: 0px; bottom: 48px; width: 100%; height: 30px; text-align: center; font-weight: 600; color: #4CAF50; font-size: 16px; } ._painting .price.discount { font-size: 14px; bottom: 68px; text-decoration: line-through; color: #cc2229; } ._painting .special_price { position: absolute; left: 0px; bottom: 48px; width: 100%; height: 30px; text-align: center; font-weight: 600; color: #4CAF50; font-size: 16px; } ._painting_inside > .tp .left_side { text-align: center; } ._painting_inside > .tp .left_side .thumbnail { position: relative; margin-bottom: 64px; } ._painting_inside > .tp .left_side .thumbnail > .title { font-weight: 600; color: #444; text-transform: uppercase; margin-bottom: 8px; } ._painting_inside > .tp .left_side .thumbnail .img { height: 400px; padding: 4px 4px; overflow: hidden; } ._painting_inside > .tp .left_side .button_enlarge { display: inline-block; zoom: 1; vertical-align: middle; background-color: #fff; margin-bottom: 24px; } ._painting_inside > .tp .left_side .button_enlarge:hover { background-color: #f4f4f4; } ._painting_inside > .tp .left_side .button_enlarge a { display: block; height: 30px; padding: 5px 12px 0px 12px; } ._painting_inside > .tp .left_side .thumbnail .scale { position: absolute; opacity: 0; } ._painting_inside > .tp .left_side .thumbnail .scale .item { z-index: 8; position: absolute; } ._painting_inside > .tp .left_side .thumbnail .scale .item.d { z-index: 9; font-size: 12px; } ._painting_inside > .tp .left_side .thumbnail .scale.x { left: 0px; top: 0px; width: 100%; height: 28px; } ._painting_inside > .tp .left_side .thumbnail .scale.x .item { background-color: #d2d2d2; } ._painting_inside > .tp .left_side .thumbnail .scale.x .item.a { left: 0px; top: 0px; width: 1px; height: 28px; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.x .item.b { right: 0px; top: 0px; width: 1px; height: 28px; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.x .item.c { left: 0px; top: 50%; width: 100%; height: 1px; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.x .item.d { left: 50%; top: 0px; margin-left: -40px; width: 80px; height: 22px; padding-top: 6px; background-color: #fff; } ._painting_inside > .tp .left_side .thumbnail .scale.y { left: 0px; top: 0px; width: 28px; height: 100%; } ._painting_inside > .tp .left_side .thumbnail .scale.y .item { background-color: #d2d2d2; } ._painting_inside > .tp .left_side .thumbnail .scale.y .item.a { left: 0px; top: 0px; width: 28px; height: 1px; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.y .item.b { left: 0px; bottom: 0px; width: 28px; height: 1px; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.y .item.c { left: 50%; top: 0px; width: 1px; height: 100%; overflow: hidden; } ._painting_inside > .tp .left_side .thumbnail .scale.y .item.d { left: 0px; top: 50%; margin-top: -35px; width: 28px; height: 54px; padding-top: 18px; background-color: #fff; } ._painting_inside > .tp .right_side .size_chart { margin-bottom: 8px; } ._painting_inside > .tp .right_side .size_chart > .tp { padding: 16px 16px 0px 16px; } ._painting_inside > .tp .right_side .size_chart .title { border-bottom: solid 4px #0085c0; padding-bottom: 12px; margin-bottom: 12px; } ._painting_inside > .tp .right_side .size_chart .title strong { color: #444; } ._painting_inside > .tp .right_side .custom_size { margin-bottom: 32px; } ._painting_inside > .tp .right_side .custom_size > .tp { padding: 0px 16px; } ._painting_inside > .tp .right_side .custom_size .label { display: inline-block; zoom: 1; vertical-align: middle; } ._painting_inside > .tp .right_side .custom_size .select { display: inline-block; zoom: 1; vertical-align: middle; } ._painting_inside > .tp .right_side .wrap_option { margin-bottom: 16px; background-color: #f4f4f4; } ._painting_inside > .tp .right_side .wrap_option > .tp { padding: 16px 16px; } ._painting_inside > .tp .right_side .wrap_option .title { border-bottom: solid 1px #e4e4e4; padding-bottom: 8px; margin-bottom: 8px; } ._painting_inside > .tp .right_side .wrap_option .title strong { color: #444; } ._painting_inside > .tp .right_side .order_summary { margin-bottom: 16px; } ._painting_inside > .tp .right_side .order_summary .price { font-size: 32px; } ._painting_inside > .tp .right_side .order_summary .price strong { color: #666; } ._painting_inside > .tp .right_side .order_summary .price span { color: #4CAF50; } ._painting_inside > .tp .right_side .order_summary .size { font-size: 16px; } ._painting_inside > .tp .right_side .order_summary .size strong { color: #666; } ._painting_inside > .tp .right_side .button_add_cart { font-size: 20px; border-color: #4CAF50; background-color: #4CAF50; } ._painting_inside > .tp .right_side .button_add_cart:hover { border-color: #62b965; background-color: #62b965; } ._painting_inside > .tp .right_side .button_add_cart a { padding: 8px 12px 8px 12px; height: auto; } ._ul > .tp > .item { margin-bottom: 4px; } ._ul > .tp > .item.last { margin-bottom: 0px; } ._module { margin-bottom: 24px; } ._module.bg { background-color: #f4f4f4; } ._module.bg > .tp { padding: 16px 16px; } ._module > .tp > .title { margin-bottom: 16px; padding-bottom: 8px; border-bottom: solid 1px #e4e4e4; } ._module > .tp > .title.no-border { border-bottom: none; margin-bottom: 0; } ._module ._slide > .tp { height: auto; overflow: visible; } ._module ._slide .content > .tp > .item { display: none; position: relative; } ._module ._slide .content > .tp > .item > .img { position: relative; width: 100%; height: auto; overflow: visible; } ._module ._slide .content > .tp > .item > .text { position: relative; bottom: 0px; top: 0px; margin-bottom: 16px; } ._module ._slide .button { position: relative; bottom: 0px; top: 0px; } ._button_save_painting { position: absolute; right: 0px; bottom: 24px; background-color: #666; } ._button_save_painting > .tp a { display: block; padding: 4px 10px 6px 10px; color: #fff; } ._button_save_painting:hover { background-color: #0085c0; } ._infobox > .tp { padding: 16px 16px 16px 16px; } ._infobox > .tp > .title { margin-bottom: 8px; font-weight: 600; } ._infobox.info { border: solid 1px #daefff; color: #0085c0; background-color: #e8f5ff; } ._infobox.info > .tp > .title { color: #0085c0; } ._infobox.success { border: solid 1px #d6e9c6; color: #3c763d; background-color: #dff0d8; } ._infobox.success > .tp > .title { color: #3c763d; } ._infobox.hint { border: solid 1px #eaeaea; color: #7a7373; background-color: #f2f2f2; } ._infobox.hint > .tp > .title { color: #7a7373; } ._overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } ._overlay > .tp > .clickarea { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.32; } ._overlay > .tp > .contents { z-index: 2; position: relative; } ._pagination { margin-top: 48px; text-align: center; } ._pagination > .tp > .result { font-size: 12px; margin-top: 12px; } ._pagination > .tp > .button > .tp > .item { display: inline-block; zoom: 1; vertical-align: middle; background-color: #f4f4f4; margin: 0px 2px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); } ._pagination > .tp > .button > .tp > .item:hover { background-color: #666; } ._pagination > .tp > .button > .tp > .item.active { background-color: #0085c0; } ._pagination > .tp > .button > .tp > .item a { display: block; padding: 6px 12px; } ._pagination > .tp > .button > .tp > .item:hover a { color: #fff; text-decoration: none; } ._pagination > .tp > .button > .tp > .item.active a { color: #fff; text-decoration: none; font-weight: 600; } ._pagination > .tp > .button > .tp > .item.dot, ._pagination > .tp > .button > .tp > .item.dot:hover { padding: 0px 4px; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ._squaretext > .label { display: inline-block; zoom: 1; vertical-align: middle; } ._table_list tr.header td { font-weight: 600; background-color: #f4f4f4; border: solid 1px #e4e4e4; text-align: center; padding: 8px 8px; } ._table_list tr.body td { background-color: #fff; border: solid 1px #e4e4e4; padding: 6px 8px; } ._table_list tr.body td.date { text-align: center; } ._table_list tr.body td.number { text-align: center; } ._table_list tr.body td.status { text-align: center; } ._button_refresh { text-align: center; margin-top: 24px; } ._quote_list > .tp > .item { padding: 24px 24px; border: solid 1px #e4e4e4; margin-bottom: 24px; } ._quote_list > .tp > .item.last { margin-bottom: 0px; } ._quote_list > .tp > .item .title { color: #666; } ._quote_list > .tp > .item .date { margin-bottom: 24px; } ._table_cart { margin-bottom: 48px; } ._table_cart.checkout_page { margin-bottom: 0px; } ._table_cart tr.empty td { border-bottom: solid 1px #e4e4e4; padding-bottom: 48px; text-align: center; font-size: 20px; } ._table_cart tr.header td { background-color: #f9f9f9; border-bottom: solid 1px #e4e4e4; font-weight: 600; text-align: center; padding: 12px 8px; border-top: solid 4px #0085c0; } ._table_cart tr.header td.image { width: 148px; } ._table_cart tr.header td.price { width: 148px; } ._table_cart tr.header td.int { width: 96px; } ._table_cart tr.body td { border-bottom: solid 1px #e4e4e4; text-align: center; padding: 12px 8px; } ._table_cart tr.footer td { text-align: center; padding: 12px 8px; } ._table_cart tr.footer td.label { font-weight: 600; background-color: #f9f9f9; border-right: solid 1px #e4e4e4; } ._table_cart tr.footer td.text { border-bottom: solid 1px #e4e4e4; } ._table_cart tr.order_total { font-size: 24px; color: #0085c0; } ._table_cart tr.button { font-size: 24px; } ._table_cart tr.button ._button a { padding-bottom: 14px; } ._table_cart tr.footer td.continue { text-align: left; } ._table_cart tr.footer td.free_shipping { color: #666; border-bottom: solid 1px #e4e4e4; text-align: right; } ._table_cart.checkout_page tr.body td.image { width: 80px; } ._inline_item { display: none; } ._painting .thumbnail img { opacity: 0; } ._painting_inside > .tp .left_side .thumbnail .img img { opacity: 0; } ._nav_hidden { display: none; } ._nav_hidden > .tp { padding: 24px; } ._store_file .loading { margin-bottom: 8px; display: none; position: relative; height: 30px; padding: 4px 16px 0px 16px; background-color: #929292; color: #fff; } ._store_file .loading.nohide { display: block; } ._store_file .loading .label, ._store_file .loading .loaded, ._store_file .loading .slash, ._store_file .loading .total { z-index: 2; position: relative; } ._store_file .loading .loaded_bg { z-index: 1; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background-color: #55af27; } ._store_file .items > .tp > .item { position: relative; background-color: #fff; border: solid 1px #e4e4e4; padding: 8px 40px 8px 8px; margin-bottom: 8px; } ._store_file .items > .tp > .item .button_remove { position: absolute; right: 0px; top: 8px; width: 32px; height: 32px; overflow: hidden; } .ui-state-highlight { background-color: #f4f4f4; border: solid 1px #e4e4e4; height: 34px; } ._perpage { margin-bottom: 16px; text-align: right; } ._perpage > .tp > .item { display: inline-block; zoom: 1; vertical-align: middle; margin: 0px 4px; } ._perpage > .tp > .item.select { width: 64px; } ._hmb .bar { position: relative; display: inline-block; zoom: 1; vertical-align: middle; width: 28px; height: 23px; } ._hmb .bar .a { position: absolute; left: 0px; top: 0px; width: 100%; height: 5px; background-color: red; overflow: hidden; } ._hmb .bar .b { position: absolute; left: 0px; top: 9px; width: 100%; height: 5px; background-color: red; overflow: hidden; } ._hmb .bar .c { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 5px; background-color: red; overflow: hidden; } ._hmb .label { display: inline-block; zoom: 1; vertical-align: middle; } ._hide { display: none; } .roboto_slab { font-family: 'Roboto Slab', serif; font-weight: 400; } .roboto { font-family: 'Roboto', sans-serif; font-weight: 400; } ._title { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; } ._title_sub { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; } ._title_other { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #929292; } ._title_module { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; } body { width: 100%; min-width: 1024px; color: #929292; background-color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; } input, textarea, select, button { color: #929292; font-family: 'Open Sans', sans-serif; font-weight: 400; } a, a:visited { color: #0085c0; text-decoration: none; } a:hover, a:active { text-decoration: underline; color: #00d0ff; } p { padding-bottom: 24px; } p.last { padding-bottom: 0px; } strong { font-weight: 600 !important; } .--green { color: #68b900; } .--blue { color: #0085c0; } .address-bar > .container { text-align: center; padding: 16px 16px; background-color: #0085c0; color: #fff; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); } .address-bar .headline { text-transform: uppercase; font-size: 24px; } .address-bar .content { text-align: center; padding: 8px 16px; background-color: #fff; color: #0085c0; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); box-shadow: 2px 2px 4px rgba(0, 0, 0, .48); } #wrapper { z-index: 1; } #overlay { z-index: 99999; } #livechat { z-index: 99998; } #skype { z-index: 99997; } #nav_top { z-index: 9999; } #header { z-index: 9989; } #breadtab { z-index: 9988; } #welcome { z-index: 9979; } #popular_paintings { z-index: 9969; } #latest_paintings { z-index: 9959; } #popular_artists { z-index: 9949; } #letters { z-index: 9939; } #contents { z-index: 9929; } #quote { z-index: 9927; } #contact { z-index: 9926; } #artists_content { z-index: 9925; } #subcontents { z-index: 9919; } #footer { z-index: 9900; } #nav_top { position: fixed; left: 0px; top: 0px; width: 100%; color: #fff; } #nav_top .bar_top { z-index: 2; position: relative; height: 116px; background-color: #444; } #nav_top .bar_top > .tp { position: relative; } #nav_top .bar_top .logo { position: absolute; left: 50%; top: -20px; margin-left: -170px; width: 340px; height: 148px; overflow: hidden; } #nav_top .bar_top .left { float: left; font-size: 16px; padding-top: 12px; } #nav_top .bar_top .left > .item { margin-bottom: 6px; } #nav_top .bar_top .left > .item.last { margin-bottom: 0px; } #nav_top .bar_top .right { float: right; padding-top: 16px; } #nav_top .bar_top .right .menu { margin-bottom: 8px; font-size: 12px; } #nav_top .bar_top .right .menu > .item { display: inline-block; zoom: 1; vertical-align: middle; margin-left: 8px; } #nav_top .bar_top .right .menu > .item.first { margin-left: 0px; } #nav_top .bar_top .right .menu .cart .text { display: inline-block; zoom: 1; vertical-align: middle; margin-right: 4px; } #nav_top .bar_top .right .menu .cart .number { padding: 2px 6px; background-color: #0085c0; color: #fff; display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .search > .item { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .search ._input { display: inline-block; zoom: 1; vertical-align: middle; background-color: #666; border-color: #666 !important; } #nav_top .bar_top .right .search ._input.textbox { width: 240px; } #nav_top .bar_top .right .search ._input.selectbox { width: 90px; } #nav_top .bar_top .right .search ._button { background-color: #666; border-color: #666; } #nav_top .bar_top a { color: #fff; } #nav_top .bar_top a:hover { color: #00d0ff; } #nav_top .bar_bottom { z-index: 1; position: relative; height: 48px; background-color: #0085c0; } #nav_top .bar_bottom .menu { position: relative; } #nav_top .bar_bottom .menu > .item { display: inline-block; zoom: 1; vertical-align: middle; border-left: solid 1px #1f94c8; } #nav_top .bar_bottom .menu > .item.last { border-right: solid 1px #1f94c8; } #nav_top .bar_bottom .menu > .item:hover { background-color: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #nav_top .bar_bottom .menu > .item.home { background-color: #006295; } #nav_top .bar_bottom .menu > .item.home:hover { background-color: #006da6; } #nav_top .bar_bottom .menu > .item > a { display: block; height: 34px; padding: 14px 10px 0px 10px; color: #fff; font-size: 15px; font-weight: 600; } #nav_top .bar_bottom .menu > .item.home > a { padding: 12px 10px 0px 10px; height: 36px; } #nav_top .bar_bottom .menu > .item.home ._icon, #nav_top .bar_bottom .menu > .item.home ._icon img { width: 24px !important; height: 24px !important; } #nav_top .bar_bottom .menu > .item:hover > a { color: #5cb1d7; text-decoration: none; } #nav_top .bar_bottom .menu > .item > .hidden { position: absolute; left: 0px; top: 48px; display: none; width: 100%; color: #929292; background-color: #fff; font-size: 16px; } #nav_top .bar_bottom .menu > .item.-oil-painting > .hidden { left: 0px !important; } #nav_top .bar_bottom .menu > .item > .hidden.nofull { width: auto; } #nav_top .bar_bottom .menu > .item > .hidden > .tp { padding: 12px 12px 12px 12px; } #nav_top .bar_bottom .menu > .item:hover > .hidden { display: block; } #nav_top .bar_bottom .menu > .item > .hidden .title { padding: 12px 16px; text-transform: uppercase; color: #000; font-weight: 600; border-bottom: solid 1px #f4f4f4; } #nav_top .bar_bottom .menu > .item > .hidden.nofull ._grid > .tp > .item { border-bottom: solid 1px #f2f2f2; } #nav_top .bar_bottom .menu > .item > .hidden.nofull ._grid > .tp > .item.last { border-color: transparent; } #nav_top .bar_bottom .menu > .item > .hidden ._grid > .tp > .item:hover { background-color: #f4f4f4; } #nav_top .bar_bottom .menu > .item > .hidden ._grid > .tp > .item a { display: block; padding: 6px 16px; color: #929292; } #nav_top .bar_bottom .menu > .item > .hidden ._grid > .tp > .item a:hover { text-decoration: none; } #nav_top .bar_bottom .menu > .item > .hidden strong { color: #666; } #nav_top .bar_bottom .menu > .item > .hidden .letter .item ._grid:hover { background-color: #f4f4f4; } #nav_top .bar_bottom .menu > .item > .hidden .letter .item ._grid a { display: block; padding: 8px 0px; text-align: center; color: #929292; } #nav_top .bar_bottom .menu > .item > .hidden .letter .item ._grid a:hover { text-decoration: none; } #nav_top .search { display: none; } #nav_top .search2 { position: absolute; right: 0px; top: 7px; height: 100%; } #nav_top .search2 ._input { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .search2 ._button { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .login2 { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .login2 .label { text-align: left; font-size: 12px; margin-bottom: 4px; } #nav_top .bar_top .right .login2 .item { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .login2 ._input { width: 96px; display: inline-block; zoom: 1; vertical-align: middle; background-color: #666; border-color: #666 !important; } #nav_top .bar_top .right .login2 ._button { background-color: #666; border-color: #666; } #nav_top .bar_top .right .track2 { display: inline-block; zoom: 1; vertical-align: middle; margin-left: 6px; } #nav_top .bar_top .right .track2 .label { text-align: left; font-size: 12px; margin-bottom: 4px; } #nav_top .bar_top .right .track2 .item { display: inline-block; zoom: 1; vertical-align: middle; } #nav_top .bar_top .right .track2 ._input { width: 96px; display: inline-block; zoom: 1; vertical-align: middle; background-color: #666; border-color: #666 !important; } #nav_top .bar_top .right .track2 ._button { background-color: #666; border-color: #666; } #header { width: 100%; height: 400px; overflow: hidden; background-color: #f4f4f4; } #header > .tp { position: relative; } #header.inside_header { padding-top: 192px; height: auto; background: url(../images/background-welcome.jpg) repeat-y center top #f4f4f4; } #header.inside_header { padding-top: 272px; } #header.inside_header > .tp { padding: 32px 0px; } #header.inside_header .title { } #header.inside_header .title .painting_name { display: block; } #header.inside_header .title .artist_name { display: block; font-size: 20px; } #header.inside_header .banner { position: absolute; right: 0px; top: 0px; background-color: red; } #breadtab { width: 100%; margin-bottom: 48px; background-color: #f4f4f4; border-bottom: solid 1px #e4e4e4; } #breadtab .item { display: inline-block; zoom: 1; vertical-align: middle; border-right: solid 1px #e4e4e4; } #breadtab .item a { display: block; padding: 12px 12px; } #breadtab .item.last { border-right: none; } #breadtab .item.last a { color: #929292; } #welcome { width: 100%; background-color: #f4f4f4; padding-bottom: 32px; margin-bottom: 32px; } #welcome .title { padding: 16px 8px; background-color: #a4cee8; color: #052c3e; text-align: center; margin-bottom: 32px; } #welcome .title, #welcome .title a { color: #052c3e; } #welcome .title a:hover { color: #fff;  } #welcome .content ._grid > .tp {} #welcome .content .img {} #welcome .content .label { text-align: center; font-weight: 600; color: #0085c0; } #popular_paintings { width: 100%; margin-bottom: 48px; } #popular_paintings .button_more { margin-top: 24px; font-size: 16px; text-align: center; } #popular_paintings .button_more a { font-weight: 600; } #popular_genres { width: 100%; margin-bottom: 48px; } #popular_genres .button_more { margin-top: 24px; font-size: 16px; text-align: center; } #popular_genres .button_more a { font-weight: 600; } #latest_paintings { width: 100%; margin-bottom: 48px; } #latest_paintings .button_more { margin-top: 24px; font-size: 16px; text-align: center; } #latest_paintings .button_more a { font-weight: 600; } #popular_artists { width: 100%; margin-bottom: 48px; } #popular_artists .button_more { margin-top: 24px; font-size: 16px; text-align: center; } #popular_artists .button_more a { font-weight: 600; } #letters { width: 100%; background-color: #051620; color: #a4cee8; margin-bottom: 48px; padding-top: 192px; } #letters { padding-top: 272px; } #letters > .tp { padding: 8px 0px; } #letters .label { display: inline-block; zoom: 1; vertical-align: middle; font-size: 18px; font-weight: 600; margin-right: 8px; } #letters .letter { display: inline-block; zoom: 1; vertical-align: middle; } #letters .letter > .item { display: inline-block; zoom: 1; vertical-align: middle; } #letters .letter > .item:hover { background-color: #fff; } #letters .letter > .item a { display: block; padding: 8px 10px; color: #fff; } #letters .letter > .item:hover a { text-decoration: none; color: #0085c0; } #contents { width: 100%; margin-bottom: 48px; background-color: #fff; } #subcontents { width: 100%; background-color: #082d3f; color: #fff; } #subcontents > .tp { padding: 32px 0px; } #subcontents .subtitle { color: #fff; margin-bottom: 8px; } #subcontents .middle { text-align: center; } #subcontents .middle > .tp { border-left: solid 1px #144258; border-right: solid 1px #144258; } #subcontents .middle ._icon .label { font-size: 16px; } #subcontents a { display: inline-block; zoom: 1; vertical-align: middle; color: #fff; } #subcontents a:hover { color: #00d0ff; } #subcontents ._square { background-color: #051620; } #subcontents .banner_payment { margin-bottom: 8px; background-color: #4CAF50; } #subcontents .banner_credit_cards { background-color: transparent; } #subcontents ._grid.last ._ul { margin-bottom: 16px; } #footer { width: 100%; background-color: #051620; color: #fff; text-align: center; } #footer > .tp { padding: 16px 0px; } #footer a { color: #fff; } #footer a:hover { color: #00d0ff; } #module_testimonials ._slide .content > .tp > .item > .text .title { color: #929292; } #module_testimonials ._slide .content > .tp > .item > .img { text-align: center; height: 200px; } #module_testimonials .button_more { border-top: solid 1px #e4e4e4; margin-top: 16px; padding-top: 8px; text-align: center; } #module_testimonials ._quote .message { font-size: 16px; } #module_popular_artists ._ul > .tp > .item.hide { display: none; } #module_popular_artists ._ul > .tp > .item a { color: #929292; font-size: 13px; } #module_popular_artists ._ul > .tp > .item:hover a { color: #444; text-decoration: none; } #module_popular_artists ._ul > .tp > .item ._square { background-color: #e4e4e4; } #module_popular_artists .button_expand { font-size: 12px; margin-top: 12px; } #module_popular_artists .button_expand a { font-weight: 600; } #module_popular_artists .button_more { border-top: solid 1px #e4e4e4; padding-top: 8px; margin-top: 12px; text-align: center; } #module_popular_artists .button_more a { color: #444; font-weight: 600; } #module_artists_by_genre ._ul > .tp > .item.hide { display: none; } #module_artists_by_genre ._ul > .tp > .item a { color: #929292; font-size: 13px; } #module_artists_by_genre ._ul > .tp > .item:hover a { color: #444; text-decoration: none; } #module_artists_by_genre ._ul > .tp > .item ._square { background-color: #e4e4e4; } #module_artists_by_genre .button_expand { font-size: 12px; margin-top: 12px; } #module_artists_by_genre .button_expand a { font-weight: 600; } #module_artists_by_genre .button_more { border-top: solid 1px #e4e4e4; padding-top: 8px; margin-top: 12px; text-align: center; } #module_artists_by_genre .button_more a { color: #444; font-weight: 600; } #module_links ._ul > .tp > .item a { color: #929292; } #module_links ._ul > .tp > .item:hover a { color: #444; text-decoration: none; } #module_links ._ul > .tp > .item ._square { background-color: #e4e4e4; } #module_links .button_more { border-top: solid 1px #e4e4e4; padding-top: 8px; margin-top: 12px; text-align: center; } #module_links .button_more a { color: #444; font-weight: 600; } #module_letters ._ul > .tp > .item a { display: block; padding: 6px 0px; text-align: center; color: #929292; font-size: 13px; } #module_letters ._ul > .tp > .item:hover a { font-weight: 600; color: #444; text-decoration: none; } #module_letters ._ul > .tp > .item:hover { background-color: #fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); } #module_gallery_login { background-color: #a4cee8; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); } #module_gallery_login > .tp { padding: 16px; } #module_gallery_login > .tp ._title_module { color: #0085c0; } #module_gallery_login > .tp ._input.textbox { border-color: #a4cee8; } #module_track_order { background-color: #a4cee8; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.24); } #module_track_order > .tp { padding: 16px; } #module_track_order > .tp ._title_module { color: #0085c0; } #module_track_order > .tp ._input.textbox { border-color: #a4cee8; } #painting_details { width: 100%; margin-bottom: 48px; } #painting_details > .tp .left_side { margin-bottom: 0px; } #painting_details > .tp .right_side { margin-bottom: 0px; } #painting_tab { width: 100%; margin-bottom: 24px; } #recommended_painting { margin-top: 48px; } #recently_viewed { margin-top: 48px; } #quote { width: 100%; background-color: #0085c0; color: #fff; text-align: center; } #quote > .tp { padding: 40px 0px; } #contact { width: 100%; text-align: center; background-color: #f9f9f9; font-size: 18px; } #contact > .tp { padding: 40px 0px; } #contact > .tp > .item { display: inline-block; zoom: 1; vertical-align: middle; } #contact > .tp > .item.label { margin-right: 16px; } #contact > .tp > .item.label .title { font-weight: 600; } #contact ._button > a { font-size: 24px; height: 38px; } #artists_content { width: 100%; margin-bottom: 48px; } #artists_content ._grid { margin-bottom: 24px; } #artists_content ._grid.lastrow { margin-bottom: 0px; } #artists_content ._grid > .tp { background-color: #fff; border: solid 1px #e4e4e4; } #artists_content ._grid > .tp > .title { padding: 8px 16px; background-color: #f4f4f4; text-transform: uppercase; text-align: center; } #artists_content ._grid > .tp > .item { padding: 8px 16px; text-align: center; border-bottom: solid 1px #e4e4e4; margin-bottom: 6px; } #artists_content ._grid > .tp > .item.last { margin-bottom: 0px; border-bottom: none; } #artists_content ._grid > .tp > .item.empty { border-color: transparent; } #artists_content ._grid > .tp > .button_more a { color: #444; font-weight: 600; } #livechat { position: fixed; right: 16px; bottom: 0; padding: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #livechat.hide { right: 0px !important; bottom: 0px !important; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); } #livechat.hide .button_hide { display: none; } #livechat .button_small { display: none; } #livechat.hide .button_small { display: block; } #livechat .button_hide { z-index: 9; position: absolute; right: 0px; top: 0px; background-color: #000; } #livechat .button_hide a { display: block; color: #fff; padding: 3px 6px; text-decoration: none; font-size: 12px; } #skype { position: fixed; right: 12px; top: 232px; width: 96px; height: 96px; overflow: hidden; padding: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #nav_top_mobile { position: relative; display: none; width: 100%; background-color: #444; padding: 0px 0px 16px 0px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #nav_top_mobile .logo { width: 280px; height: 48px; overflow: hidden; margin-left: 16px; margin-top: 16px; } #nav_top_mobile .menu { position: absolute; right: 16px; bottom: 22px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #nav_top_mobile .menu .button { background-color: #0085c0; color: #fff; } #nav_top_mobile .menu .button:hover { background-color: #006295; } #nav_top_mobile .menu .button a { display: block; padding: 6px 8px; color: #fff; } #nav_top_mobile .menu .button ._hmb .a, #nav_top_mobile .menu .button ._hmb .b, #nav_top_mobile .menu .button ._hmb .c { background-color: #fff; } #nav_top_mobile .hidden_menu { display: none; z-index: 99999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.80); color: #fff; overflow: auto; } #nav_top_mobile .hidden_menu > .tp { padding: 48px 16px; } #nav_top_mobile .hidden_menu .title { font-size: 20px; } #nav_top_mobile .hidden_menu .subtitle { font-size: 18px; } #nav_top_mobile .hidden_menu .button_close { position: absolute; right: 8px; top: 8px; background-color: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.48); } #nav_top_mobile .hidden_menu .button_close a { display: block; padding: 4px 12px; color: #0085c0; font-weight: 700; font-size: 18px; } #nav_top_mobile .hidden_menu .button_close a:hover { text-decoration: none; } #nav_top_mobile .hidden_menu.active { display: block; } #nav_top_mobile .contact { padding: 8px 0px; background-color: #444; color: #fff; } #nav_top_mobile .contact .item { margin: 0px 6px; display: inline-block; zoom: 1; vertical-align: middle; } #nav_top_mobile .contact a { color: #fff; } #nav_top_mobile .contact a:hover { color: #00d0ff; } #search_mobile { position: relative; display: none; background-color: #4CAF50; } #search_mobile > .tp { padding: 8px 8px; } #search_mobile ._button { position: absolute; right: 8px; top: 8px; background-color: #444; border-color: #444; } #search_mobile ._input { background-color: #fff; border-color: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.00); } .wrap_option .label2 { font-size: 12px; } ._inline_item > .tp { padding: 16px 16px; } .quote_banner > .tp { padding: 16px 16px; background-color: #f9f9f9; border: solid 1px #e9e9e9; margin-bottom: 24px; } .quote_banner > .tp > ._grid { display: inline-block; zoom: 1; vertical-align: middle; float: none; } .address_section { height: 0px; overflow: hidden; } .header{position:relative;color:#fff;background-color:#444;}.header > .tp{position:relative;height:144px;}.header__logo{position:absolute;left:0;bottom:26px;width:339px;height:57px;overflow:hidden;}.header__logo img{max-width:100% !important;}.header__info{position:absolute;left:0;top:5px;}.header__tools{position:absolute;right:0;bottom:29px;}.header__tools .headline{margin-bottom:6px;}.header__tools > .tp > .item{display:inline-block;zoom:1;vertical-align:middle;}.header__tools form > .item{display:inline-block;zoom:1;vertical-align:middle;}.header__tools form ._input{width:200px;background-color:#666 !important;border-color:#666 !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;}.header__tools form ._button{background-color:#666 !important;border-color:#666 !important;}.header__menu{font-size:12px;position:absolute;right:0;top:0px;}.header__menu > .tp > .item{display:inline-block;zoom:1;vertical-align:middle;}.header__menu a{color:#fff;}.header__menu a:hover{color:#0085c0;}.header__menu .number{color:#fff;background-color:#0085c0;padding:0 6px;height:20px;line-height:20px;}.header > .bar{position:absolute;left:0;top:0;width:100%;height:36px;overflow:hidden;background-color:#404040;}.header__info,.header__info a{color:#a4cee8;}.header__info a:hover{color:#a4cee8;} .header__menu .item { margin-top: 8px; vertical-align: text-top !important; } .header__menu .item.-more { margin-top: 10px; } .header__menu .item.fb-btn { margin-top: 0px !important; } .header__menu .fb-btn img { height: 36px !important; width: auto !important; } .welcome {position:relative;width:100%;margin-bottom:32px;} .welcome > .tp {position:relative;} .welcome__headline h1 {font-size:inherit !important;} .welcome__headline {font-size:24px;text-align:center;color:#052c3e;background-color:#a4cee8;padding:12px 0;} .welcome__headline a, .welcome__headline a:hover{color:#052c3e;} .welcome__banner{display:none;padding:24px 0;background-color:#fafafa;border-bottom:solid 1px #eaeaea;} .welcome__banner ._grid{background-color:#f4f4f4;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .24);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .24);box-shadow:0 1px 4px rgba(0, 0, 0, .24);} .welcome__banner ._grid:hover{background-color:#fff;} .slide{position:relative;width:100%;background:url(/public/images/pattern.jpg) repeat left top #f4f4f4;} .slide > .tp{position:relative;padding:24px 0;} .slide__right > .tp > .item{height:128px;overflow:hidden;border:solid 1px #e4e4e4;border-bottom:none;background-color:#f8f8f8;} .slide__right > .tp > .item.last{border-bottom:solid 1px #e4e4e4;} .slide__right > .tp > .item:hover{background-color:#fff;} .slide__middle{} .slide__middle > .tp > .item {height:186px;overflow:hidden;margin-bottom:16px;background-color:#fff;-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .16);-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .16);box-shadow:2px 2px 4px rgba(0, 0, 0, .16);} .slide__middle > .tp > .item.last {margin-bottom:0;} .slide__left{} .slide__left > .tp > .slideshow-container { position: relative; } .slide__left > .tp > .mySlides, .slide__left > .tp > .slideshow-container, .slide__left > .tp > .item { height:388px;overflow:hidden;background-color:#fff;-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, .16);-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, .16);box-shadow:2px 2px 4px rgba(0, 0, 0, .16); } .slide ._grid{display:inline-block !important;zoom:1 !important;vertical-align:middle !important;float:none !important;} #module_refine_search .subtitle { color: #666; margin-bottom: 8px; } #module_refine_search > .tp { position: relative; } #module_refine_search .button_clear { position: absolute; right: 0; top: 6px; } #module_refine_search .box { border-top: dotted 1px #e4e4e4; padding-top: 6px; } #module_refine_search .box > .tp { height: 140px; overflow: auto; } #module_refine_search .box.box_color > .tp { height: 160px; overflow: auto; } #module_refine_search .box.-height-auto > .tp { height: auto !important; } #module_refine_search .box .item { position: relative; height: 28px; line-height: 28px; font-size: 12px; } #module_refine_search .box.box_color .item { height: 32px; line-height: 32px; } #module_refine_search .box .item ._input { background-color: transparent !important; border-color: transparent !important; } #module_refine_search .button_filter { margin-top: 8px; } #module_refine_search .button_filter a { display: inline-block; vertical-align: middle; zoom: 1; padding: 8px 12px; font-size: 12px; background-color: #e4e4e4; color: #666; text-decoration: none; } #module_refine_search .button_filter a:hover { color: #333; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); } #module_refine_search .color_box { position: absolute; right: 4px; top: 0; width: 20px; height: 20px; overflow: hidden; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); box-shadow: 2px 2px 2px rgba(0, 0, 0, .24); } #module_refine_search .color_box .color_item { display: inline-block; zoom: 1; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } #module_refine_search .color_box .color_item.half { width: 50%; } #top_ads { position: relative; width: 100%; height: 80px; line-height: normal !important; overflow: hidden; } #top_ads > .tp { position: relative; margin: 0 auto; } #top-ads #top_ads .bg { z-index: -1 !important; position: absolute; top: 0; width: 50%; height: 80px; } #top-ads #top_ads .bg-left { left: 0; background-color: #7d4085; } #top-ads #top_ads .bg-right { right: 0; background-color: #f9f9f9; } a { cursor: pointer !important; } #top_ads img { z-index: 111 !important; position: relative; cursor: pointer !important; } #header.inside_header { position: relative; } #header.inside_header .gradient a { display: inline-block; zoom: 1; font-size: 30px; font-weight: 300; text-transform: uppercase; margin-top: 30px; background-color: #666; border-radius: 3px 3px; padding: 0px 16px 4px 16px; color: #fff; } #header.inside_header .gradient a:hover { text-decoration: none; } #header.inside_header .gradient { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 50px; text-align: center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } #header.inside_header .box-description { height: 22px; margin-top: 1.2em; opacity: .44; color: #666; } #header.inside_header .box-description.open { opacity: 1; height: auto; } #header.inside_header .gradient span { display: none; } #header.inside_header .gradient span.open { display: block; } #header.inside_header .box-description h2 { display: none; } #header.inside_header .box-description h3 { font-weight: bold; margin-bottom: 1em; color: #0085c0; } #tracking_list ._table_list .header td { color: #666; } #bottom-ads { display: none !important; } @media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) { body { min-width: 100%; } .inner { width: 100% !important; } .outter { width: 100% !important; } #subcontents ._grid { float: none; margin: 0px auto 24px auto; padding: 0px; border: none; width: 300px; text-align: center; } #subcontents .middle > .tp { border: none; } ._painting._grid { display: inline-block; zoom: 1; vertical-align: middle; float: none; width: 50%; margin: 0px; padding: 0px; } #letters > .tp.inner { width: 96% !important; margin: 0px auto; } ._painting._grid + .clear { display: none; } #nav_top { display: none; } #nav_top_mobile { display: block; } #header { padding-top: 0px; margin-top: 0px; } #header > .tp { width: 96% !important; margin: 0px auto; } #contents > .tp { width: 96% !important; margin-left: auto; margin-right: auto; } #search_mobile { display: block; } #left_contents { float: none; margin: 0px auto 48px auto; padding: 0px; width: 96%; } #right_contents, #right_content { float: none; margin: 0px auto 0px auto; padding: 0px; width: 96%; } #nav_top .search2 { display: none; } #footer > .tp { padding-bottom: 48px; } .header { display: none; } #letters { padding-top: 0; } #top_ads { height: auto; } #top_ads img { width: 100%; height: auto; } #top_ads .bg { height: auto; } #header.inside_header { padding-top: 0; } .slide__right > .tp > .item { height: auto !important; } .slide__middle > .tp > .item { height: auto !important; } .slide__left > .tp > .item { height: auto !important; } .slideshow-container .mySlides { height: auto !important; } #top-ads { display: none !important; } #bottom-ads { display: block !important; } } @media only screen and (max-width: 800px), only screen and (max-device-width: 800px) { #painting_details > .tp .left_side { float: none; display: block; width: 100%; margin: 0px auto; } #painting_details > .tp .right_side { float: none; display: block; width: 100%; margin: 0px auto; } ._painting_inside > .tp .left_side .thumbnail .img { width: 400px; height: 400px; margin: 0px auto; } ._painting_inside > .tp .right_side .wrap_option { width: 96%; margin-left: auto; margin-right: auto; } ._painting_inside > .tp .right_side .order_summary { width: 96%; margin-left: auto; margin-right: auto; } #painting_tab { width: 96%; margin-left: auto; margin-right: auto; } ._infobox { width: 96%; margin-left: auto; margin-right: auto; } #recommended_painting { width: 96%; margin-left: auto; margin-right: auto; } ._painting_inside > .tp .right_side .button_add_cart { display: block; width: 96%; margin-left: auto; margin-right: auto; } #form_contact ._grid { float: none; display: block; width: 100% !important; } } @media only screen and (max-width: 768px), only screen and (max-device-width: 768px) { #contact > .tp > .item { display: block; } #contact > .tp > .item.label { margin-bottom: 12px; } #contents > .tp > ._grid { float: none; display: block; width: 100% !important; } #artists_content > .tp ._grid { float: none; display: inline-block; zoom: 1; vertical-align: top; width: 50%; margin: 0px; padding: 0px; } #artists_content > .tp ._grid + .clear { display: none; } #nav_top_mobile .menu ._hmb .bar { margin-right: 0px; } #nav_top_mobile .menu ._hmb .label { display: none; } .quote_banner > .tp > ._grid { width: 44% !important; margin-left: 3% !important; margin-right: 3% !important; } } @media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { .slideshow-container, .slide__left, .slide__right, .slide__middle { display: block !important; zoom: 1 !important; vertical-align: middle; margin: 0 !important; width: 100%; } .slideshow-container, .slide__left, .slide__middle { margin-bottom: 16px !important; } .slideshow-container .mySlides, .slide__left > .tp > .item, .slide__right > .tp > .item, .slide__middle > .tp > .item { width: 310px !important; margin: 0 auto !important; } } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .quote_banner > .tp > ._grid.first { margin-bottom: 24px; } .quote_banner > .tp > ._grid { display: block; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; } } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { ._painting._grid { width: 100%; margin: 0px; padding: 0px; } #welcome .content ._grid { float: none; width: 72%; margin: 8px auto 8px auto; padding: 0px; } #artists_content > .tp ._grid { width: 100%; } ._painting_inside > .tp .left_side .thumbnail .img { width: 224px; height: 224px; } ._tab .buttons > .tp > .item { display: none; } ._tab .buttons > .tp > .item.active { border-bottom: solid 1px #e4e4e4; } ._tab .contents > .tp > .item .title { display: block; } ._tab .contents > .tp > .item { display: block; margin-bottom: 24px; } #nav_top_mobile .menu { position: relative; right: 0px; bottom: 0px; } #nav_top_mobile .menu ._hmb .bar { margin-right: 8px; } #nav_top_mobile .menu ._hmb .label { display: inline-block; } #nav_top_mobile .logo { width: 230px; height: 64px; margin: 16px auto 0px auto; } #nav_top_mobile { padding-top: 0px; } #nav_top_mobile .contact { text-align: center; } #nav_top_mobile .contact .seperate { display: none !important; } .wrap_option ._fancybox_inline { display: block !important; } .welcome__banner ._grid { float: none !important; display: block !important; width: 310px !important; margin: 6px auto 6px auto !important; } ._slide { font-size: 14px !important; } } @media only screen and (max-width: 479px), only screen and (max-device-width: 479px) { } @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) { #nav_top_mobile .contact .item { display: block; } } @media only screen and (max-width: 336px), only screen and (max-device-width: 336px) { ._painting_inside > .tp .left_side .thumbnail .scale.y { margin-left: -8px; } .slideshow-container .mySlides, .slide__left > .tp > .item, .slide__right > .tp > .item, .slide__middle > .tp > .item { width: 300px !important; margin: 0 auto !important; } }