* {
    outline: none;
}
body {
    background-color: white;
    margin: 0px;
    padding: 0px;
    position: relative;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 10pt;
}
img {
    border-width: 0px;
}
a {
    color: #999999;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-size: 18pt;
}
h2 {
    font-size: 16pt;
}
h3 {
    font-size: 14pt;
}
h4 {
    font-size: 12pt;
}
h5 {
    font-size: 11pt;
}
h6 {
    font-size: 10pt;
}
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0px;
}
h6.title {
    margin: 1em 1em;
    color: #666666;
}
ul, ol {
    margin-top: 1em;
    margin-bottom: 1em;
}
ul {
    list-style-type: square;
}
form {
    margin: 0px;
    padding: 0px;
}
p {
    margin: 1em 0px;
}
p.first, ul.first, ol.first {
    margin-top: 0px;
}

#outer {
    width: 853px;
    margin: 0px auto;
    padding: 0px 14px;
    background: transparent url('../../outer_background.jpg') top left repeat-y;
}
#wrapper {
    width: 853px;
    background-color: white;
    position: relative;
}
#header {
    width: 853px;
    height: 177px;
    background: transparent url('../../header_background.jpg') top left repeat-x;
    position: relative;
    font-weight: bold;
}
#footer {
    width: 853px;
    height: 49px;
    position: relative;
    font-size: 8pt;
    background: transparent url('../../content_background.gif') top left repeat-y; /* vertical line */
}
#content {
    width: 853px; /* 187+1+665 */
    position: relative;
    background: transparent url('../../content_background.gif') top left repeat-y; /* vertical line */
}
#left_block {
    float: left;
    width: 187px;
    background-color: white;
}
#right_block {
    float: right;
    width: 665px;
    min-height: 645px;
    background-color: white;
}

#logo {
    position: absolute;
    top: 26px;
    left: 31px;
}
#top_menu1 {
    position: absolute;
    top: 5px;
    right: 20px; /* 25-5 */
}
#top_menu1 a {
    margin: 0px 5px;
}
#top_menu2 {
    position: absolute;
    bottom: 24px;
    right: 5px; /* 25-20 */
    font-size: 12pt;
}
#top_menu2 a {
    margin: 0px 20px;
}

#bottom_menu {
    width: 665px;
    background-color: #999999;
    position: absolute;
    bottom: 49px; /* footer height */
    right: 0px;
    padding: 0px;
    color: white;
    font-weight: bold;
}
#bottom_menu a {
    color: white;
    margin: 0px 3px;
}
#copyright {
    text-align: center;
    margin-left: 188px; /* 187+1 */
    padding: 10px;
}

#login_box {
    width: 159px; /* 187-28 */
    height: 130px;
    background: transparent url('../../member_login.gif') top left no-repeat;
    padding-left: 28px;
    font-size: 8pt;
}
#login_box.logged {
    background-image: url('../../member_logged.gif');
}
#login_box_th {
    width: 159px; /* 187-28 */
    height: 130px;
    background: transparent url('../../member_login_th.gif') top left no-repeat;
    padding-left: 28px;
    font-size: 8pt;
}
#login_box_th.logged {
    background-image: url('../../member_logged_th.gif');
}
#login_box input,
#login_box_th input {
    border: 0px solid white;
    background-color: transparent;
    width: 125px;
    font-size: 10pt;
    margin-bottom: 10px;
}
.username_input {
    background: transparent url('../../username_background.gif') top left no-repeat;
}
.password_input {
    background: transparent url('../../password_background.gif') top left no-repeat;
}
.username_input_th {
    background: transparent url('../../username_background_th.gif') top left no-repeat;
}
.password_input_th {
    background: transparent url('../../password_background_th.gif') top left no-repeat;
}

#search_box {
    width: 159px; /* 187-28 */
    height: 49px;
    background: transparent url('../../search.gif') top left no-repeat;
    padding-left: 28px;
}
#search_box_th {
    width: 159px; /* 187-28 */
    height: 49px;
    background: transparent url('../../search_th.gif') top left no-repeat;
    padding-left: 28px;
}
#search_box input,
#search_box_th input {
    border: 0px solid white;
    background-color: transparent;
    width: 152px;
    position: relative;
    top: 25px;
}
#product_menu {
    min-height: 363px;
}
#product_menu_list {
    width: 187px;
    background: transparent url('../../product_menu_line.gif') 28px 0px repeat-y;
}
#product_menu_list div {
    width: 126px; /* 187-61 */
    min-height: 32px;
    padding-left: 61px;
}
#product_menu_list div a {
    font-size: 10pt;
}
#product_menu_list div.odd {
    background: transparent url('../../product_menu_green.gif') 28px 0px no-repeat;
}
#product_menu_list div.even {
    background: transparent url('../../product_menu_blue.gif') 28px 0px no-repeat;
}
#product_menu_list div.last {
    background-color: white; /* same as left_block */
}
#product_menu_list div div {
    min-height: 0px;
    padding-left: 0px;
}
#product_menu_list div div div {
    min-height: 0px;
    width: 116px; /* 187-61-10 */
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#product_menu_list div div div a {
    font-size: 8pt;
}

#lead_graphic {
    border-bottom: 1px solid #999999;
}
#slide-images{
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 665px;
    height: 219px;
    overflow: hidden;
}
#slide-images li {
    position: absolute;
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
#slide-images li img {
    display: block;
    background-color: #FFFFFF;
}

.home_piece {
    float: left;
    width: 148px;
    min-height: 360px; /* 370-5-5 */
    padding: 5px 5px 5px 50px;
    border-right: 1px solid #999999;
    font-size: 8pt;
    position: relative;
}
.home_piece_img,
.wallpaper_img,
.catalog_img,
.news_img {
    width: 146px;
    height: 146px;
}
.home_piece_title {
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
}
.home_piece_img_inside,
.wallpaper_img_inside,
.catalog_img_inside,
.news_img_inside { /* for 160x120 -> 146x110 */
    margin: 18px 0px;
}
.view_detail {
    float: right;
    font-weight: bold;
    position: absolute;
    bottom: 60px;
    right: 5px;
}

#wallpaper_top {
    margin: 0px 50px 2em 50px;
}
.wallpaper_piece {
    float: left;
    width: 146px;
    margin: 8px 20px;
    text-align: center;
}
.wallpaper_piece span {
    font-size: 8pt;
}

#catalog_top {
    margin: 0px 30px;
}
.catalog_piece {
    float: left;
    width: 180px;
    min-height: 200px;
    margin: 8px 10px;
    text-align: left;
    position: relative;
}
.catalog_piece span {
    font-size: 8pt;
}
.catalog_piece a {
    font-weight: bold;
}
.catalog_icon {
    position: absolute;
    right: 0px;
    top: 114px;
}
#catalog_bottom {
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
    margin: 0px 1em 2em 1em;
}

#about_top {
    height: 300px;
    font-size: 8pt;
    color: #999999;
    border-bottom: 1px solid #999999;
}
#about_top_box {
    padding-right: 25px;
}
#about_middle {
    font-size: 8pt;
    color: #999999;
    background: transparent url('../../about_middle.jpg') top left repeat-x;
}
#about_middle2 {
    height: 300px;
    font-size: 8pt;
    color: #999999;
    background: transparent url('../../about_middle2.jpg') top left repeat-x;
}
#about_middle_box {
    margin-left: 225px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 2em;
    border-left: 1px solid #999999;
    position: relative;
    height: 350px;
}
#about_middle_box span {
    font-size: 10pt;
    position: absolute;
    left: -200px;
}
#about_middle_box img {
    padding-bottom: 1em;
}
#about_middle_box table {
    border-collapse: collapse;
}
#about_middle_box tr {
    vertical-align: top;
}

#contact_top,
#forgot_password_top {
    width: 400px;
    margin: 0px auto;
    font-size: 8pt;
    color: #666666;
}
#signup_top,
#profile_top {
    width: 400px;
    margin: 0px auto;
    font-size: 8pt;
    color: #666666;
    padding-bottom: 3em;
}
#contact_form_table,
#forgot_password_form_table,
#signup_form_table,
#profile_form_table {
    border-collapse: collapse;
    margin-top: 1em;
}
#contact_form_table td,
#forgot_password_form_table td,
#signup_form_table td,
#profile_form_table td {
    vertical-align: top;
}
#contact_form_table input,
#forgot_password_form_table input,
#signup_form_table input,
#profile_form_table input {
    width: 275px;
    height: 15px;
    border: 1px solid #999999;
    margin-bottom: 2px;
}
#signup_form_table input.de_width,
#profile_form_table input.de_width {
    width: auto;
    border: none;
}
#contact_form_table textarea,
#forgot_password_form_table textarea,
#signup_form_table textarea,
#profile_form_table textarea {
    width: 275px;
    border: 1px solid #999999;
    font-family: inherit;
    font-size: inherit;
    margin: 0px 0px 2px 0px;
}
.contact_form_label,
.forgot_password_form_label,
.signup_form_label,
.profile_form_label {
    border-collapse: collapse;
}
td.c1 {
    background-color: #999999;
    color: white;
}
td.c2 {
    background-color: white;
}
.contact_button,
.forgot_password_button,
.signup_button,
.profile_button {
    float: right;
    width: 63px;
    height: 19px;
    background: transparent url('../../../images/contact_button.gif') top left no-repeat;
    margin-left: 2px;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -2px;
}
.contact_button a,
.forgot_password_button a,
.signup_button a,
.profile_button a {
    color: white;
}

#basket_table {
    margin: 0px 1em;
}
#basket_table table {
    width: 100%;
    border: 2px solid #0099cc;
}
#basket_table th {
    background-color: #00ccff;
    color: white;
}
#basket_table tr.even {
    background-color: #aaffff;
}
#basket_table tr.odd {
    background-color: #ddffff;
}

#product_top {
    margin: 0px 30px;
}
.product_piece {
    float: left;
    width: 180px;
    min-height: 260px;
    margin: 8px 10px;
    padding-bottom: 2.5em;
    text-align: left;
    position: relative;
    color: #666666;
    font-size: 8pt;
}
.product_piece a {
    font-weight: bold;
}
.product_img {
    width: 180px;
    height: 180px;
    position: relative;
}
.product_img div {
    font-weight: bold;
    color: #666666;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
.product_img_inside { /* for 240x180 -> 180x135 */
    margin: 23px 0px 22px 0px;
}
.product_piece_end {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#product_bottom {
    background-color: #FFFFFF;
    color: #999999;
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 10px;
}
#product_bottom a {
    margin: 0px 1em;
    color: #999999;
}

#product_frame {
    width: 560px; /* 600-20-20 */
    height: 360px; /* 400-20-20 */
    margin: 15px;
    padding: 5px;
    border: 1px solid #999999;
}
#product_text {
    width: 280px;
    height: 240px;
    overflow: auto;
}
#product_text ul {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
}

.title_submenu {
    float: right;
    position: relative;
    top: 2px;
    font-size: 8pt;
}
.title_submenu a {
    color: #F1819A;
}

#ecard_content {
    padding: 0em 1em 2em 1em;
    font-size: 8pt;
    color: #999999;
}
#ecard_form_table {
    border-collapse: collapse;
    margin: 1em 0px;
}
#ecard_form_table td {
    vertical-align: top;
}
#ecard_form_table input.left {
    width: 120px;
    height: 15px;
    border: 1px solid #999999;
    margin-bottom: 2px;
    margin-right: 2px;
}
#ecard_form_table input.right {
    width: 198px;
    height: 15px;
    border: 1px solid #999999;
    margin-bottom: 2px;
}
#ecard_form_table textarea {
    width: 322px;
    border: 1px solid #999999;
    font-family: inherit;
    font-size: inherit;
    margin: 0px;
}
.ecard_form_label {
    border-collapse: collapse;
}
.ecard_button {
    float: right;
    width: 63px;
    height: 19px;
    background: transparent url('../../../images/contact_button.gif') top left no-repeat;
    margin-left: 2px;
    text-align: center;
    font-weight: bold;
}
.ecard_button a {
    color: white;
}

#news_first {
    float: left;
    width: 148px;
    min-height: 569px;
    border-right: 1px solid #999999;
    padding: 0px 90px 2em 10px;
    font-size: 8pt;
    color: #999999;
}
#news_first a {
    font-weight: bold;
}
#news_other {
    float: left;
    width: 306px;
    min-height: 569px;
    padding: 0px 92px 2em 10px;
    font-size: 8pt;
    color: #999999;
}
#news_other a {
    font-weight: bold;
}
.news_other_piece {
    clear: both;
    height: 148px;
    padding-bottom: 10px;
}
.news_other_text {
    float: left;
    width: 148px;
    padding-left: 10px;
}

#faq_top,
#advice_top {
    margin: 0px 1em;
    font-size: 8pt;
    color: #999999;
}
#faq_top li {
    margin: 1em 2em;
    list-style: none url('../../bullet_circle_right_green.gif') outside;
}
#advice_top li {
    width: 500px;
    margin: 1em 2em;
    list-style: none none outside;
}
#advice_top li img {
    float: left;
    margin-right: 10px;
}
#faq_top a,
#advice_top a {
    color: #179ECE;
}
#faq_top li a,
#advice_top li a {
    position: relative;
    top: -4px;
}
#advice_bottom {
    width: 370px;
    height: 250px;
    margin: 0px auto;
    font-size: 8pt;
    color: #999999;
}

.article_content {
    /* nothing */
}
.article_section {
    clear: both;
    margin: 1em 2em;
    font-size: 8pt;
    color: #666666;
}

.clear {
    clear: both;
}
.nowrap {
    white-space: nowrap;
}
.gray {
    color: #999999;
}
.gray2 {
    color: #666666;
}
.red {
    color: red;
}
.black {
    color: black;
}
.blue {
    color: #179ECE;
}
.green {
    color: #AFD135;
}
.pink {
    color: #F1819A;
}
.orange {
    color: #FC941B;
}
.border_blue {
    border: 1px solid #B9E2F0; /* lightness +70% */
}
.border_green {
    border: 1px solid #E7F1C2; /* lightness +70% */
}
.border_pink {
    border: 1px solid #FBD9E1; /* lightness +70% */
}
.border_gray {
    border: 1px solid #CCCCCC;
}