body { margin: 0; text-align: center; color: #505050; font-size: 73%; font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', Verdana, Arial, sans-serif; line-height: 1.65em; background: #fff; } a { color: #707070; } a:visited { color: #707070; } a:hover { color: #707070; text-decoration: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul, ol, dl { margin: 0; padding: 0; list-style-type: none; } li, dt, dd { margin: 0; padding: 0; } img { border: 0; } form { margin: 0; padding: 0; } input, select, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; } table { border-collapse: collapse; } .clearfix:after { content: ""; display: block; clear: both; height: 0; } .clearfix { display: block; } .block { display: block; } .left { float: left; } .right { float: right; } .a-left { text-align: left; } .a-right { text-align: right; } .a-center { text-align: center; } .clear { clear: both; } .red { color: #FF0000; } .small { font-size: 9px; line-height: 12px; } .alert, .msg_worning { font-size: 12px; color: #000; background-color: #FFF7E1; border: 1px solid #FF8040; padding: 4px 8px; margin-bottom: 5px; } .alert.error, .msg_error { background-color: #FFE1E1; border: 1px solid #FF0000; color: #000; } .alert.success, .msg_success { background-color: #E1FFE1; border: 1px solid #009900; color: #000; } #page { width: 950px; margin: 0 auto; text-align: left; } #header { position: relative; width: 950px; height: 175px; text-align: left; } #header h1 { position: absolute; top: 16px; left: 0; } #header .header_login { position: absolute; top: 30px; left: 185px; } #header .header_login p { font-size: 10px; padding: 3px 0 0 5px; } #header .header_login a { text-decoration: underline; color: #707070; } #header #language_currency_container { position: absolute; top: 30px; right: 0; } #header #language_currency_container div { display: inline-block; } #header .select_lang select { border: 1px solid #A9B8C5; } #header .select_lang form { display: inline; } #header .currency { margin-left: 5px; } #header .header_note { position: absolute; top: 65px; right: 0; } #header #usernavi { padding: 85px 0 8px; } .imgbtn { display: inline-block; border: 0; cursor: pointer; overflow: hidden; text-indent: -9999px; background-color: transparent; background-repeat: no-repeat; } .imgbtn-login { width: 123px; height: 31px; background-image: url(../img/ja/btn_login.png); } html[lang="en"] .imgbtn-login { background-image: url(../img/en/btn_login.png); } #globalnavi { position: absolute; width: 990px; height: 41px; background: url(../img/bg_globalnavi.png) repeat-x; left: -15px; } #globalnavi a { color: #fff; text-decoration: none; } #globalnavi a:visited, #globalnavi a:active { color: #fff; } #menuh ul { padding: 1px 0 8px; float: left; list-style: none; } #menuh li { position: relative; float: left; background: url(../img/bg_globalnavi_line.png) no-repeat top right; padding: 11px 36px 10px 36px; font-size: 12px; } div#menuh li:hover { cursor: pointer; z-index: 100; } #header .topiclist { padding-bottom: .5em; margin-top: 50px; } #header .topiclist li { display: inline; margin-right: 5px; } #contents { width: 950px; padding-top: 14px; min-height: 480px; } #contents .mainFrame { float: left; display: inline; width: 950px; } .main_banner { padding-bottom: 15px; } #contents .menuFrame { float: left; display: inline; width: 200px; margin: 0 10px 0 0; } #contents .detailFrame { float: left; display: inline; width: 738px; } #contents .fullFrame { width: 950px; } #contents .fullFrame ul { margin-left: 5px; } #contents .fullFrame li { margin-left: 20px; list-style-type: disc; } .detailFrame .categoryFrame { border: 1px solid #cccccc; width: 725px; padding-left: 15px; padding-top: 20px; } .fullFrame .categoryFrame { width: 950px; border-bottom: 1px solid #cccccc; } .categoryFrame h1, main > h1, .fullFrame h1 { background: url(../img/bg_category_title_hl_2.png) no-repeat; font-size: 145%; color: #ffffff; padding: 2px 0 3px 5px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; font-weight: bold; } .categoryFrame h1 { width: 705px; } .detailFrame .categoryFrame h1 { width: 705px; } .categoryFrame .singin_ttl { border-bottom: 0; margin-bottom: 0; } .categoryFrame .item_ttl h2, #contents .detailFrame .categoryFrame h2 { float: left; margin: 0 0 0 0; padding-bottom: 5px; padding-left: 5px; width: 615px; color: #000000; font-size: 145%; font-style: italic; font-weight: normal; border-bottom: 1px solid #cccccc; } .listing-tab { float: left; width: 65px; height: 25px; background: url(../img/ja/bg_productlisting_ttl.png) no-repeat; } html[lang="en"] .listing-tab { background-image: url(../img/en/bg_productlisting_ttl.png); } .navigation dl, .navigation ul { width: 198px; margin: 0 1px 10px; line-height: 1.0em; } .navigation dt { padding: 7px 5px; color: #fdfffe; background-color: #595656; font-size: 150%; } .navigation dd, .navigation li { border-bottom: 1px dotted #dadcdb; padding: 8px 0 7px 15px; background: url(../img/bg_information_arrow.png) no-repeat 5px; } .navigation dd a, .navigation li a { text-decoration: none; } .navigation_mypage .mypage-logout-button { display: inline; appearance: none; border: 0; padding: 0; margin: 0; color: #707070; background: transparent; font: inherit; line-height: inherit; text-align: left; text-decoration: none; cursor: pointer; } .navigation_mypage .mypage-logout-button:hover { color: #707070; text-decoration: none; } .sidebarCategory a { font-size: 10px; } .search_function { margin-bottom: 15px; background-color: #F0F0EF; padding: 5px 0 5px 5px; } .search_function .search { position: relative; height: 50px; } .search_function .btn { position: absolute; bottom: 0; left: 70px; } .search_function .textarea img { position: absolute; top: 3px; left: 10px; } .search_function .textarea input { position: absolute; right: 5px; } .menuFrame .information, .menu .information { margin-bottom: 15px; } .menuFrame .information h2, .menu .information h2 { padding: 2px 5px 3px; font-size: 150%; color: white; background-color: #595656; font-weight: normal; } .menuFrame .information ul, .menu .information ul { padding-top: 5px; } .menuFrame .information li, .menu .information li { background: url(../img/bg_information_arrow.png) no-repeat 5px; padding: .3em 15px; border-bottom: 1px dotted #DADCDB; } .menuFrame .information li a, .menu .information li a { color: #838283; text-decoration: none; } .menuFrame .information li.lastline, .menu .information li.lastline { border-bottom: 0; padding: .3em 15px 0; } .top_calendar p, .shop_address p { padding: 4px 5px 2px 5px; color: #FDFFFE; background-color: #595656; font-size: 150%; margin-bottom: 3px; } .shop_address { margin-top: 10px; } .categoryFrame .item_detail { margin-top: 10px; width: 683px; } .itemlist .item { padding: 10px 0 10px; width: 683px; } .itemlist .item .data a { color: #4444cd; } .itemlist .item .data .cart { clear: both; text-align: right; margin-top: 10px; } .categoryFrame .item_detail .imageFrame { float: left; display: inline; width: 330px; margin-right: 20px; } .item_detail .imageFrame .image { width: 298px; margin-bottom: 20px; text-align: center; } .item_detail .imageFrame .image img { border: 1px solid #E4E9EE; display: block; width: 330px; height: 237px; object-fit: contain; background: #fff; } .item_detail .imageFrame .image img.cat-image { width: 330px; height: 237px; border-color: #EBEBEB; } html[lang="ja"] .product_desc { float: right; background: url(../img/ja/bg_productlisting_desc.png) no-repeat top left; margin-bottom: 20px; margin-top: 10px; } html[lang="en"] .product_desc { float: right; background: url(../img/en/bg_productlisting_desc.png) no-repeat top left; margin-bottom: 20px; margin-top: 10px; } .product_desc_box { border: 1px solid #cccccc; width: 330px; min-height: 160px; float: right; margin-top: 24px; margin-left: 1px; } table#multipl_eorder_table { float: right; width: 400px; color: #302623; margin-bottom: 20px; border: 1px solid #cccccc; border-collapse: collapse; } table#multipl_eorder_table input { width: 60px; } table#multipl_eorder_table th { padding: 2px; background: #edecec; font-weight: normal; line-height: 120%; text-align: center; min-width: 30px; border: 1px solid #cccccc; } table#multipl_eorder_table th span { font-weight: bold; } table#multipl_eorder_table td { padding: 2px; border: 1px solid #cccccc; text-align: center; background: #fff; min-width: 30px; } .price-note { color: #0083ce; font-weight: bold; } .item_detail .data th { background: #edecec; } .item_detail .productinfo_tbl td, .item_detail .productinfo_tbl th { border: 1px solid #cccccc; text-align: center; padding: 2px 6px; } .item_detail .product_desc_box p { padding: 0 10px; word-wrap: break-word; } .categoryFrame .item_detail table { border-collapse: collapse; } .item_detail .orderform { clear: both; text-align: left; width: 683px; } .item_detail .orderform .option dt { float: left; width: 120px; font-size: 90%; border: 1px solid #cccccc; padding-top: 15px; padding-left: 30px; min-height: 50px; border-right: 1px dotted #cccccc; background: #f7f8f9; margin-bottom: -1px; } .item_detail .orderform .option dd { color: #376EAA; width: 499px; border: 1px solid #cccccc; float: left; padding-top: 15px; padding-left: 30px; min-height: 50px; border-left: none; background: #f7f8f9; margin-bottom: -1px; } .item_detail .orderform .option select { border: 1px solid #DBDFE5; } .item_detail .cart_submit { float: left; padding-top: 20px; width: 683px; margin-bottom: 10px; border-top: 1px dotted #CCC; margin-top: 20px; } .item_detail .orderform .put_cart .cart { float: right; padding-left: 22px; } .point { float: right; color: #508C32; font-weight: bold; text-align: right; padding-right: 5px; } .imgbtn-into-cart, .imgbtn-put-cart { width: 224px; height: 43px; } .imgbtn-into-cart { background-image: url(../img/ja/btn_into_cart.png); } .imgbtn-into-cart:hover { background-image: url(../img/ja/btn_into_cart_roll.png); } .imgbtn-put-cart { background-image: url(../img/ja/btn_put_cart.png); } .imgbtn-put-cart:hover { background-image: url(../img/ja/btn_put_cart_roll.png); } html[lang="en"] .imgbtn-into-cart { background-image: url(../img/en/btn_into_cart.png); } html[lang="en"] .imgbtn-into-cart:hover { background-image: url(../img/en/btn_into_cart_roll.png); } html[lang="en"] .imgbtn-put-cart { background-image: url(../img/en/btn_put_cart.png); } html[lang="en"] .imgbtn-put-cart:hover { background-image: url(../img/en/btn_put_cart_roll.png); } .imgbtn-edit-user { width: 139px; height: 33px; background-image: url(../img/ja/btn_edit_user.png); } html[lang="en"] .imgbtn-edit-user { background-image: url(../img/en/btn_edit_user.png); } .pm-main { width: 740px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 12px; text-align: left; } .pm-main h2 { width: 740px; height: 25px; text-indent: -9999px; overflow: hidden; background: url(../img/ja/pm/top_title.png) no-repeat; } html[lang="en"] .pm-main h2 { background-image: url(../img/en/pm/top_title.png); } .pm-main .pm-block { margin-top: 20px; width: 740px; height: 169px; background: url(../img/pm/pro_bg.png) no-repeat; } .pm-main .pm-block h3 { width: 740px; height: 53px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; } .pm-main .pm-block img.pro { float: left; margin: 7px 16px 0 16px; } .pm-main .pm-block p { margin-top: 10px; line-height: 1.4; } .pm-main .pm-block ul li { float: left; padding-right: 14px; margin-top: 5px; list-style: none; margin-left: 0; } .pm-main .pm-block ul li a { display: block; width: 156px; height: 78px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; } .pm-main .pm-block ul li a:hover { background-position: left bottom; } .pm-main .pm-block.pm-s { width: 365px; height: 188px; background: url(../img/pm/pro_bg_s.png) no-repeat; } .pm-main .pm-block.pm-s h3 { width: 365px; } .password-reissue-button { overflow: hidden; } .password-reissue-button input[type="image"] { float: right; } .pm-main .pm-block.pm-s img.pro { margin: 7px 12px 0 12px; } .pm-main .pm-left { float: left; clear: both; } .pm-main .pm-right { float: right; } html[lang="en"] .pm-main .pm-block.pm-s { height: 208px; background: url(../img/pm/pro_bg_s.png) no-repeat left bottom; } .pm-main h3.title1 { background-image: url(../img/ja/pm/pro_title1.png); } .pm-main h3.title2 { background-image: url(../img/ja/pm/pro_title2.png); } .pm-main h3.title3 { background-image: url(../img/ja/pm/pro_title3.png); } .pm-main h3.title4 { background-image: url(../img/ja/pm/pro_title4.png); } .pm-main h3.title5 { background-image: url(../img/ja/pm/pro_title5.png); } .pm-main h3.title9 { background-image: url(../img/ja/pm/pro_title9.png); } .pm-main h3.title10 { background-image: url(../img/ja/pm/pro_title10.png); } .pm-main h3.title11 { background-image: url(../img/ja/pm/pro_title11_s.png); } .pm-main h3.title12 { background-image: url(../img/ja/pm/pro_title12_s.png); } .pm-main h3.title13 { background-image: url(../img/ja/pm/pro_title13.png); } html[lang="en"] .pm-main h3.title1 { background-image: url(../img/en/pm/pro_title1.png); } html[lang="en"] .pm-main h3.title2 { background-image: url(../img/en/pm/pro_title2.png); } html[lang="en"] .pm-main h3.title3 { background-image: url(../img/en/pm/pro_title3.png); } html[lang="en"] .pm-main h3.title4 { background-image: url(../img/en/pm/pro_title4.png); } html[lang="en"] .pm-main h3.title5 { background-image: url(../img/en/pm/pro_title5.png); } html[lang="en"] .pm-main h3.title9 { background-image: url(../img/en/pm/pro_title9.png); } html[lang="en"] .pm-main h3.title10 { background-image: url(../img/en/pm/pro_title10.png); } html[lang="en"] .pm-main h3.title11 { background-image: url(../img/en/pm/pro_title11_s.png); } html[lang="en"] .pm-main h3.title12 { background-image: url(../img/en/pm/pro_title12_s.png); } html[lang="en"] .pm-main h3.title13 { background-image: url(../img/en/pm/pro_title13.png); } .pm-main a.btn1 { background-image: url(../img/ja/pm/btn1.png); } .pm-main a.btn2-1 { background-image: url(../img/ja/pm/btn2-1.png); } .pm-main a.btn2-3 { background-image: url(../img/ja/pm/btn2-3.png); } .pm-main a.btn3 { background-image: url(../img/ja/pm/btn3.png); } .pm-main a.btn4 { background-image: url(../img/ja/pm/btn4.png); } .pm-main a.btn5 { background-image: url(../img/ja/pm/btn5.png); } .pm-main a.btn6 { background-image: url(../img/ja/pm/btn6.png); } .pm-main a.btn13 { background-image: url(../img/ja/pm/btn13.png); } .pm-main a.btn14 { background-image: url(../img/ja/pm/btn14.png); } .pm-main a.btn15 { background-image: url(../img/ja/pm/btn15.png); } .pm-main a.btn16 { background-image: url(../img/ja/pm/btn16.png); } .pm-main a.btn17 { background-image: url(../img/ja/pm/btn17.png); } .pm-main a.btn18 { background-image: url(../img/ja/pm/btn18.png); } .pm-main a.btn19 { background-image: url(../img/ja/pm/btn19.png); } .pm-main a.btn20 { background-image: url(../img/ja/pm/btn20.png); } .pm-main a.btn21 { background-image: url(../img/ja/pm/btn21.png); } html[lang="en"] .pm-main a.btn1 { background-image: url(../img/en/pm/btn1.png); } html[lang="en"] .pm-main a.btn2-1 { background-image: url(../img/en/pm/btn2-1.png); } html[lang="en"] .pm-main a.btn2-3 { background-image: url(../img/en/pm/btn2-3.png); } html[lang="en"] .pm-main a.btn3 { background-image: url(../img/en/pm/btn3.png); } html[lang="en"] .pm-main a.btn4 { background-image: url(../img/en/pm/btn4.png); } html[lang="en"] .pm-main a.btn5 { background-image: url(../img/en/pm/btn5.png); } html[lang="en"] .pm-main a.btn6 { background-image: url(../img/en/pm/btn6.png); } html[lang="en"] .pm-main a.btn13 { background-image: url(../img/en/pm/btn13.png); } html[lang="en"] .pm-main a.btn14 { background-image: url(../img/en/pm/btn14.png); } html[lang="en"] .pm-main a.btn15 { background-image: url(../img/en/pm/btn15.png); } html[lang="en"] .pm-main a.btn16 { background-image: url(../img/en/pm/btn16.png); } html[lang="en"] .pm-main a.btn17 { background-image: url(../img/en/pm/btn17.png); } html[lang="en"] .pm-main a.btn18 { background-image: url(../img/en/pm/btn18.png); } html[lang="en"] .pm-main a.btn19 { background-image: url(../img/en/pm/btn19.png); } html[lang="en"] .pm-main a.btn20 { background-image: url(../img/en/pm/btn20.png); } html[lang="en"] .pm-main a.btn21 { background-image: url(../img/en/pm/btn21.png); } .pm-main .cat-block { float: left; width: 366px; min-height: 236px; margin-top: 20px; border: 1px solid #ccc; background: #fff; } .pm-main .cat-block.cat-left { float: left; clear: both; } .pm-main .cat-block.cat-right { float: right; } .pm-main .cat-block h3 { width: auto; height: auto; text-indent: 0; padding: 5px 10px; background: linear-gradient(#68ac93, #038366); color: #fff; font-size: 116%; } .pm-main .cat-block .cat-body { padding: 8px 10px; } .pm-main .cat-block .cat-body.has-photo { padding: 8px 0; } .pm-main .cat-block .cat-body.has-photo .cat-photo { float: left; width: 275px; border-right: 1px solid #ccc; padding: 4px 4px 4px 0; } .pm-main .cat-block .cat-body.has-photo .cat-photo img { margin-left: 4px; } .pm-main .cat-block .cat-body.has-photo .cat-sizes { float: right; width: 74px; padding-left: 5px; } .pm-main .cat-block .cat-sizes h4 { margin: 0; padding: 2px 0; background: #595656; color: #fff; text-align: center; font-size: 100%; font-weight: bold; } .pm-main .cat-block .cat-body.has-photo .cat-sizes ul li { text-align: center; margin-top: 5px; line-height: 1.4; } .pm-main .cat-block .cat-body.has-photo .cat-sizes ul li a { color: #0169b8; } .pm-main .cat-block .cat-body.has-photo .cat-sizes .btn { display: block; margin-top: 6px; text-align: center; padding: 2px 0; } .pm-main .cat-block .cat-sizes .btn { background: #4a7cd4; border-color: #2f74bc; } .pm-main .cat-block .cat-sizes .btn:hover { background: #4079cb; border-color: #2f74bc; color: #fff; } .pm-main .cat-block ul li { float: none; padding: 2px 0; margin: 0; list-style: none; } .login, .edit { margin: auto; border: 1px solid #cfcdcd; background-color: #fbfafa; width: 410px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .login { margin-bottom: 30px; margin-top: 65px; } .login .title h2, .edit .title h2 { border: 1px solid #d1d2d2; font-style: normal; font-size: 100%; font-weight: bold; padding: 15px; border-top-right-radius: 5px; border-top-left-radius: 5px; float: none; width: auto; margin: 0; } .login .title h2 { color: white; background-color: #419a7e; } .edit .title h2 { color: #2a4154; background-color: #d4d4d4; } .login table { margin: auto; margin-bottom: 7px; font-size: 12px; } .login table th { color: #6c767f; width: 9em; border: none; background: none; text-align: center; font-weight: normal; white-space: nowrap; } .login table td { padding: 4px 0; border: none; } .login input.text { border: 1px solid #CBD4DC; width: 270px; } .login .reminder { text-align: center; } .login .reminder a { color: #5999cf; } .login p, .edit p, .btn_login, .btn_edit { text-align: center; } .login .body-pad { padding: 12px 0 0; text-align: left; } .edit .body-pad { padding: 12px 1px; text-align: left; } .edit ul { text-align: left; margin: 0 0 10px 18px; } .edit ul li { list-style: disc; margin-left: 20px; } .dataT { width: 705px; border: 1px solid #bebcb7; border-collapse: collapse; } .dataT th { border-right: 1px solid #BEBCB7; border-bottom: 1px solid #BEBCB7; text-align: center; padding: 2px 8px; color: #0a263c; font-size: 12px; } .dataT th.a-right { text-align: right; } .dataT th.a-center { text-align: center; } .dataT thead tr { background-color: #e3efec; } .dataT td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; padding: 6px 12px; color: #4f6b72; font-size: 11px; } .dataT .even { background: #eeeded; } #checkoutbutton { text-align: center; } #checkoutbutton dl { margin-bottom: 15px; } #checkoutbutton dt { float: left; width: 100px; font-weight: bold; } #checkoutbutton dd { font-size: 16px; font-weight: bold; } .form-button-alt { padding: 1px 8px; color: #fff; font: bold 12px arial, sans-serif; border: 1px solid #406a83; background-color: #618499; cursor: pointer; } #cart_notice { background-color: #F4F5D3; padding: 10px; width: 500px; border: 1px solid #D0D0D0; margin-top: 10px; } #cart_notice ul { margin: 6px 0 0 20px; } #cart_notice li { line-height: 1.6; font-size: 12px; margin-top: 4px; } #shopping-cart .small { margin-bottom: 0; } .cart-thumb { width: 50px; height: auto; display: block; } .shopping-cart .continue-shopping { float: left; } .dataT tfoot { border-bottom: 1px solid #bebcb7; } .dataT tfoot tr { background-color: #DEE5E8; } .dataT tfoot td { border-bottom: 0; padding: 3px 12px; } .cart-delete-icon { border: 0; background: transparent; padding: 0; cursor: pointer; } .hidden-default-submit { display: none; } #checkoutbutton { float: right; margin-top: 20px; } .legal-table { margin-top: 20px; border: 1px solid #CCCCCC; table-layout: fixed; border-collapse: collapse; width: 705px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; } .legal-table th { background-color: #f0f7f5; font-size: 13px; color: #2e4c6a; padding: 14px 16px; vertical-align: top; line-height: 1.6; text-align: left; border: 1px solid #CCCCCC; width: 180px; font-weight: bold; } .legal-table td { color: #1b2a3a; padding: 12px 16px; vertical-align: middle; line-height: 1.6; text-align: left; border: 1px solid #CCCCCC; font-size: 13px; } .legal-table td p { margin-top: 6px; } .legal-table td p:first-child { margin-top: 0; } .legal-table span { color: #FF0000; } .legal-body h3 { border-bottom: 1px solid #CCCCCC; font-size: 13px; color: #217c1f; font-weight: bold; margin-top: 14px; } .legal-body p { margin-top: 12px; font-size: 13px; } .legal-body ul { list-style-type: disc; list-style-position: inside; margin-left: 5px; } .legal-body ul li { line-height: 1.8; margin-top: 8px; list-style: disc; margin-left: 20px; } #footer { text-align: center; margin-bottom: 80px; margin-top: 50px; clear: both; } #footer .contents { width: 950px; margin: 0 auto; text-align: center; background-color: #071e2d; color: #f0f1f2; padding: 15px 0; } #footer .copyright { padding-top: 0; font-size: 90%; color: #f0f1f2; } .breadcrumb { font-size: .85rem; color: #707070; margin-bottom: 1rem; } .filters { margin-bottom: 1rem; } .filters a { font-size: .85rem; padding: .2rem .6rem; border: 1px solid #bbb; border-radius: 12px; text-decoration: none; color: #505050; margin-right: .3rem; } .filters a.active, .filters a:hover { background: #595656; color: #fff; border-color: #595656; } .product-grid { overflow: hidden; margin-top: 1rem; } .product-grid .product-card { float: left; width: 220px; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 10px; background: #fff; } .product-card h3 { font-size: 100%; margin: 0 0 4px; } .product-card .price { font-weight: bold; color: #dc7a00; } a.btn, button.btn { display: inline-block; padding: .4rem .9rem; background: #f18200; color: #fff; border: 1px solid #de5400; cursor: pointer; text-decoration: none; font-size: .9rem; font-weight: bold; } a.btn:hover, button.btn:hover { background: #de5400; color: #fff; } table.app-table th, table.app-table td, main table:not(.legal-table):not(.dataT):not(#multipl_eorder_table):not(.cal):not(.sitemap-plain):not(.checkout-method-table):not(.checkout-address-table):not(.checkout-comment-table):not(.num) th, main table:not(.legal-table):not(.dataT):not(#multipl_eorder_table):not(.cal):not(.sitemap-plain):not(.checkout-method-table):not(.checkout-address-table):not(.checkout-comment-table):not(.num) td { border: 1px solid #cccccc; padding: .4rem .7rem; text-align: left; } main table:not(.legal-table):not(.dataT):not(#multipl_eorder_table):not(.cal):not(.sitemap-plain):not(.checkout-method-table):not(.checkout-address-table):not(.checkout-comment-table):not(.num) th { background: #edecec; } main table.sitemap-plain th, main table.sitemap-plain td { border: 0; } main .login table, main .login table th, main .login table td { border: 0 !important; background: none !important; } main .login table th { color: #6c767f; width: 9em; padding: 0 !important; text-align: center !important; font-weight: bold; } main .login table td { padding: 4px 0 !important; } form div { margin-bottom: .8rem; } label { font-size: .95em; } fieldset { border: 1px solid #cccccc; background: #f7f8f9; padding: .6rem .9rem; margin-bottom: .8rem; } legend { color: #595656; font-weight: bold; padding: 0 .4rem; } .required { color: #ff0000; } .price-special { color: #0083ce; font-weight: bold; } .product_desc a.red { color: #cc0000; text-decoration: underline; } .product_desc #downloadNotice { display: none; } .price-original s { color: #999; } .option-group { border: 1px solid #cccccc; background: #f7f8f9; padding: .6rem .8rem; margin-bottom: .5rem; } .option-group strong { display: block; margin-bottom: .4rem; color: #595656; } .option-group label { display: inline; font-weight: normal; margin-right: 1rem; } .account-form .form { background-color: #fff; margin-bottom: 10px; } .account-form fieldset { border: 0; padding: 0; margin: 0 0 10px; } .account-form legend { background: url(../img/bg_sub_category.png) no-repeat 0 0; color: #fff; font-size: 150%; font-weight: bold; padding: 4px 0 1px 5px; width: 245px; margin-bottom: 4px; } .form-list { border-top: 1px solid #D2D0D0; width: 736px; } .form-list dt { width: 220px; clear: both; float: left; display: block; min-height: 35px; padding-top: 15px; border-bottom: 1px solid #d2d0d0; border-left: 1px solid #d2d0d0; border-right: 1px solid #d2d0d0; background-color: #f0f7f5; text-align: center; } .form-list dd { width: 478px; float: left; display: block; min-height: 30px; padding: 15px 0 5px 35px; border-bottom: 1px solid #d2d0d0; border-right: 1px solid #d2d0d0; background-color: #fcf8f4; } .form-list small { color: #364aa1; } .form-list dd ul { list-style: none; } .form-list dd ul li { margin: 0; display: block; } .form-list dd .alert { width: 240px; margin-top: 4px; } .form-list dd input[type=text], .form-list dd input[type=email], .form-list dd input[type=password], .form-list dd input[type=tel], .form-list dd input[type=url], .form-list dd input[type=number], .form-list dd select, .account-form .input-text { width: 250px; border: 1px solid #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #DBDFE6; margin: 1px; padding: 2px; background: #fff; } .form-list dd input.input-text-short { width: 150px; } .form-list dd textarea { width: 360px; } .form-list dd input:focus, .account-form .input-text:focus { background-color: #FEFCE7; } .checkout-form .form-list { display: grid; grid-template-columns: 220px 478px; } .checkout-form .form-list dt, .checkout-form .form-list dd { float: none; width: auto; min-height: 0; clear: none; } .checkout-form .form-list dt { display: flex; align-items: center; justify-content: center; padding: 10px 4px; } .checkout-form .form-list dd { padding: 15px 0 5px 35px; } .account-form.form-pair .form-list { display: grid; grid-template-columns: 220px 478px; } .account-form.form-pair .form-list dt, .account-form.form-pair .form-list dd { float: none; width: auto; min-height: 0; clear: none; } .account-form.form-pair .form-list dt { display: flex; align-items: center; justify-content: center; padding: 10px 4px; } .account-form.form-pair .form-list dd { padding: 15px 0 5px 35px; } .account-form.form-pair .form-list dd small { display: block; } #fieldset-name .form-list { width: 710px; } #fieldset-name .form-list dd { width: 453px; padding-left: 34px; } #fieldset-name .form-list textarea { width: 415px; height: 130px; } #fieldset-name .form-list #dtterms { height: 160px; } #fieldset-name .form-list #ddterms { height: 155px; } #fieldset-name .form-list #dtindustry { height: 120px; } #fieldset-name .form-list #ddindustry { height: 115px; } #fieldset-name .form-list #dtoccupation, #fieldset-name .form-list #dtmarket { height: 183px; } #fieldset-name .form-list #ddoccupation, #fieldset-name .form-list #ddmarket { height: 178px; } #fieldset-name .form-list #dtemployee_count { height: 153px; } #fieldset-name .form-list #ddemployee_count { height: 148px; } #fieldset-name .form-list #dtpostcode { height: 55px; } #fieldset-name .form-list #ddpostcode { height: 50px; } #fieldset-name .form-list #dtemail, #fieldset-name .form-list #dtpassword, #fieldset-name .form-list #dtpassword2, #fieldset-name .form-list #dttelephone, #fieldset-name .form-list #dtfax, #fieldset-name .form-list #dtmobile { height: 50px; } #fieldset-name .form-list #ddemail, #fieldset-name .form-list #ddpassword, #fieldset-name .form-list #ddpassword2, #fieldset-name .form-list #ddtelephone, #fieldset-name .form-list #ddfax, #fieldset-name .form-list #ddmobile { height: 45px !important; min-height: 45px !important; } #password_text { font-size: 11px; } #password_bar { width: 100px; display: inline; } .form-list dd > div { margin: 0; padding: 0; } .form-list dd > div > div { margin: 0; padding: 0; line-height: 1.5; } .form-list dd label { display: inline-block; margin: 0; padding: 0; line-height: 1.5; } .form-list dd input[type=checkbox], .form-list dd input[type=radio] { margin: 0 4px 0 0; padding: 0; vertical-align: middle; } .account-form .button, .bottom_navi .button { text-align: right; padding: 5px; } .account-form .button .btn { font-size: 14px; padding: .5rem 2rem; } .account-form .form-foot { clear: both; padding-top: 10px; } a.edit-link { color: #F60; font-size: 11px; font-weight: normal; } #mainNav { position: relative; display: block; height: 80px; list-style: none; margin: 0 0 15px; padding: 0; } #mainNav li { height: 71px; list-style: none; float: left; background-color: #EBEBEB; background-image: url(../img/checkout_navBtn.gif); background-repeat: no-repeat; background-position: right top; } #mainNav li.current { background-color: #C36615; background-image: url(../img/checkout_navCurrentBtn.gif); } #mainNav li.lastDone { background-color: #7C8437; background-image: url(../img/checkout_navLastDoneBtn.gif); } #mainNav li.done { background-color: #7C8437; background-image: url(../img/checkout_navDoneBtn.gif); } #mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active { color: #ccc; } #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active { color: #fff; text-decoration: none; } #mainNav li a { height: 71px; display: block; } #mainNav li a em { width: 205px; display: block; margin: 6px 0 0 10px; font-style: normal; font-weight: bold; } #mainNav li a span { width: 205px; display: block; margin-left: 10px; font-weight: normal; } #mainNav li.mainNavNoBg { background-image: none; } #mainNav.fiveStep li { width: 235px; margin: 0; } #mainNav.fiveStep li a { width: 235px; } .checkout-form .small { margin-bottom: 0; } .page_navi { width: 700px; margin: 8px 0 12px; } .page_navi .number { float: left; width: 15em; } .page_navi .number dt, .page_navi .number dd { display: inline; } .page_navi .navi { float: right; text-align: right; } .page_navi .navi li { float: left; border: 1px solid #D8DFE7; border-left: 0; line-height: 1.0em; } .page_navi .navi li.prev { border: 0; padding: 5px 13px 2px 17px; background: url(../img/btn_arrrow_prev.png) no-repeat center left; } .page_navi .navi li.current { background: #7EA8D4; padding: 5px 5px 2px; color: #FFF; } .page_navi .navi li.next { border: 0; padding: 5px 17px 2px 13px; background: url(../img/btn_arrrow_next.png) no-repeat center right; } .page_navi .navi li a { display: block; padding: 5px 5px 2px; text-decoration: none; } .page_navi .navi li.prev a, .page_navi .navi li.next a { display: inline; padding: 0; text-decoration: underline; } .page_navi .navi li a:hover { display: block; background: #7EA8D4; color: #FFF; } .bottom_navi .pagetop { background: url(../img/btn_pagetop.png) no-repeat center right; margin: 15px 10px 0 0; padding-right: 12px; text-align: right; } .dataT td { vertical-align: top; } .dataT th { white-space: nowrap; } .dataT td.lft, .dataT .lft { text-align: left; } .dataT tr.alt, .dataT tr.alt td { background: #F5FAFA; color: #797268; } .dataT tr.alt a { color: #5999CF; } .dataT td .state-unavail { display: block; color: #999; font-size: 10px; margin-top: 2px; } .myaccountTitle { width: 710px; border-bottom: 1px solid #CCCCCC; margin-bottom: 12px; } .myaccountFrame h1, .account_edit_ttl h1 { background: url(../img/bg_category_title_hl_2.png) no-repeat; font-size: 145%; color: #fff; padding: 2px 0 3px 5px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; width: 705px; font-weight: bold; } .account_edit_ttl { border-bottom: 1px solid #CCCCCC; width: 710px; margin: 25px 0 12px; } .myaccountFrame .num { width: 710px; border: 1px solid #cfcdcd; background-color: #fbfafa; margin-bottom: 20px; } .myaccountFrame .num td { border: 0; vertical-align: middle; } .myaccountFrame .num td img { float: left; margin-right: 6px; } .myaccountFrame .num td a { color: #5999cf; text-decoration: underline; } .myaccountFrame .num .td_links { vertical-align: bottom; } .recent_order { background: url(../img/bg_category_title_h2.png) no-repeat 0 0; padding: 4px 0 2px 5px; color: #fff; font-size: 150%; font-weight: bold; margin-top: 20px; } .last-login { color: #707070; font-size: 11px; margin-bottom: 10px; } .account-form .sim-cap { margin: 4px 0 8px; font-size: 116%; color: #2a4154; } .account-form .sim-sub { margin: 12px 0 4px; padding-bottom: 2px; font-size: 108%; color: #217c1f; border-bottom: 1px solid #ccc; } .account-form fieldset > div { margin: 4px 0; } .sim-wizard .sim-intro { margin: 4px 0 14px; color: #2a4154; line-height: 1.6; } .sim-wizard .sim-flow { display: flex; list-style: none; margin: 0 0 18px; padding: 0; border: 1px solid #b9d8d0; border-radius: 3px; overflow: hidden; } .sim-wizard .sim-flow li { flex: 1; padding: 6px 4px; font-size: 11px; line-height: 1.4; text-align: center; color: #4a5b66; background: #eef6f4; border-left: 1px solid #d6e7e2; } .sim-wizard .sim-flow li:first-child { border-left: 0; } .sim-wizard .sim-flow li b { display: block; font-size: 12px; color: #2a9ba8; } .sim-wizard .sim-flow li.now { background: #009f8c; color: #fff; } .sim-wizard .sim-flow li.now b { color: #fff; } .sim-wizard .sim-head { display: flex; align-items: center; gap: 10px; margin: 18px 0 6px; border-bottom: 1px solid #ccc; padding-bottom: 4px; } .sim-wizard .sim-head .sim-no { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #009f8c; color: #fff; font-weight: bold; font-size: 14px; flex: none; } .sim-wizard .sim-head h4 { margin: 0; font-size: 120%; color: #1b3a2f; } .sim-wizard .sim-opts { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0; } .sim-wizard .sim-opt { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border: 1px solid #cfd9d6; border-radius: 3px; background: #fcfdfd; cursor: pointer; } .sim-wizard .sim-opt.is-sel { border-color: #009f8c; background: #e7f5f2; } .sim-wizard .sim-opt .sim-note { display: block; color: #707070; font-size: 11px; } .sim-wizard .sim-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 10px 0; } .sim-wizard .sim-card { width: 180px; padding: 8px; border: 1px solid #ccc; border-radius: 3px; background: #fff; text-align: center; cursor: pointer; } .sim-wizard .sim-card.is-sel { border-color: #009f8c; background: #e7f5f2; } .sim-wizard .sim-card img { max-width: 100%; height: auto; display: block; margin: 0 auto 6px; } .sim-wizard .sim-card span { display: block; font-size: 12px; } .sim-wizard .sim-beta { margin: 8px 0; } .sim-wizard .sim-beta input { width: 60px; } .sim-wizard .sim-sets { margin: 8px 0; } .sim-wizard .sim-sets label { margin-right: 16px; } .sim-wizard .sim-sets input { width: 60px; } .sim-wizard .sim-blocks { display: flex; flex-wrap: wrap; gap: 14px; } .sim-wizard .sim-block { border: 1px solid #d6e7e2; border-radius: 3px; padding: 10px; background: #fbfdfc; } .sim-wizard .sim-blocks .sim-block { width: 280px; } .sim-wizard .sim-block h5 { margin: 0 0 6px; font-size: 102%; color: #217c1f; } .sim-wizard .sim-fig { max-width: 100%; height: auto; display: block; margin: 0 0 8px; border: 1px solid #e3ebe8; } .sim-wizard .sim-fig-wide { max-width: 420px; } .sim-wizard .sim-block-wide { width: 100%; } .sim-wizard .sim-dim { border-collapse: collapse; margin: 6px 0; } .sim-wizard .sim-dim caption { text-align: left; font-weight: bold; color: #2a9ba8; padding: 4px 0 2px; } .sim-wizard .sim-dim th { width: 70px; text-align: left; font-weight: normal; padding: 3px 6px; background: #f0f7f5; border: 1px solid #e0eae7; } .sim-wizard .sim-dim td { padding: 3px 6px; border: 1px solid #e0eae7; } .sim-wizard .sim-dim td.u { width: 34px; color: #707070; background: #f7faf9; } .sim-wizard .sim-dim input { width: 150px; } .sim-wizard .sim-hint { color: #707070; font-size: 11px; margin: 4px 0 0; } .sim-wizard .sim-step textarea { width: 100%; max-width: 760px; } .sim-wizard .sim-buttons { display: flex; align-items: center; gap: 14px; margin: 22px 0 6px; } .sim-wizard .sim-buttons form { margin: 0; } .sim-wizard .btn.sim-back { background: #8a9a95; } .sim-wizard .btn.sim-next { background: #009f8c; } .sim-wizard .btn.sim-back:hover, .sim-wizard .btn.sim-next:hover { background: #F39900; } .sim-wizard .sim-confirm-head h4, .sim-wizard .sim-customer { margin: 6px 0; } .sim-wizard .sim-customer { padding: 10px 12px; background: #f0f7f5; border: 1px solid #d6e7e2; border-radius: 3px; } .sim-wizard .sim-customer p { margin: 2px 0; } .sim-wizard .sim-control { font-weight: bold; color: #1b3a2f; margin: 8px 0; } .sim-wizard .sim-readback { margin: 10px 0; } .sim-wizard .sim-rb-sec { padding: 8px 0; border-bottom: 1px dashed #d6e7e2; } .sim-wizard .sim-rb-sec h5 { margin: 8px 0 2px; color: #217c1f; font-size: 100%; } .sim-wizard .sim-rb-fig { display: block; margin: 6px 0; border: 1px solid #e3ebe8; } .sim-wizard .sim-rb-val { margin: 4px 0; line-height: 1.7; } .sim-wizard .sim-rb-demands { margin: 4px 0; padding: 8px; background: #fafcfb; border: 1px solid #e0eae7; white-space: pre-wrap; font-family: inherit; } .sim-wizard .sim-start-list { margin: 8px 0 8px 1.4em; line-height: 1.8; } .sim-wizard .sim-done { line-height: 1.8; } .term-body ol { counter-reset: termnum; margin: 0 0 1em 2.2em; } .term-body ol > li { counter-increment: termnum; position: relative; } .term-body ol > li::before { content: counter(termnum) ". "; position: absolute; left: -2.2em; } .term-body ol.paren > li::before, .term-body ol ol > li::before { content: "(" counter(termnum) ")"; } .search-results-frame .user_navi .style_navi { position: relative; width: 685px; margin-bottom: 3px; padding-bottom: 3px; } .search-results-frame .user_navi .style_navi p { text-align: right; } .search-results-frame .user_navi div { margin: 5px 0 10px 0; } .search-results-frame .itemlist .item .image { display: block; float: left; text-align: center; width: 120px; margin-right: 13px; } .search-results-frame .itemlist .item .image img { border: 1px solid #EBEBEB; height: 237px; width: 330px; } .search-results-frame .itemlist .item .data { float: right; width: 330px; } .search-results-frame .itemlist .item .data h3 { background: url(../img/bg_dotline.png) repeat-x bottom left; margin-bottom: 8px; padding: 3px 0 8px; font-size: 110%; } .search-results-frame .itemlist .item .data .datalist li { float: left; } .search-results-frame .itemlist .item .data .datalist li.price { font-weight: bold; color: #DC7A00; } .search-results-frame .itemlist .item .data .datalist li.maker { width: 60%; text-align: right; } .search-results-frame .itemlist .item .data .text { margin: 6px 0; } #contents .subFrame { float: right; } .subFrame .cart_contener { background: url(../img/bg_cart_contener.png) repeat-y; width: 200px; margin-bottom: 15px; } .cart_contener h2 { background: url(../img/bg_title_cart_contener.png) no-repeat; padding: 9px 9px 6px; text-align: center; font-size: 100%; font-weight: bold; color: #FFF; } .cart_contener .step { color: #999; height: 20px; padding-top: 5px; padding-left: 15px; border-bottom: 1px solid #DCE1E7; } .cart_contener .step.current { color: #6D9ADE; font-weight: bold; } .cart_contener .step img { padding-right: 10px; vertical-align: middle; } .checkout-heading-wrap { border-bottom: 1px solid #ccc; margin: 12px 0 14px; padding-bottom: 8px; } .checkout-step2 h1.checkout-heading { display: inline-block; width: 245px; box-sizing: border-box; background: #595656; color: #fff; font-size: 18px; font-weight: bold; padding: 10px 28px 10px 18px; margin: 0; -webkit-clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%); } .checkout-step2 fieldset { margin-top: 14px; padding: 0; border: 0; background: none; } .checkout-step2 fieldset legend { display: inline-block; width: 245px; box-sizing: border-box; background: #15886b; color: #fff; font-weight: bold; font-size: 14px; padding: 6px 20px 6px 12px; margin-bottom: 8px; -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%); } .checkout-step2 .checkout-guide-text { margin: 0 0 8px; font-size: 13px; color: #333; } .checkout-address-table { width: 100%; border-collapse: collapse; } .checkout-address-cell { width: 50%; vertical-align: top; padding: 4px 16px 4px 0; font-size: 12px; } .checkout-address-cell.selected { color: #c00; } .checkout-address-cell.selected p { color: #c00; } .checkout-address-cell p { margin: 3px 0; } .checkout-address-cell strong { font-size: 12px; font-weight: normal; } .checkout-address-cell .checkout-address-spacer { height: 10px; } .checkout-address-cell .checkout-address-delete { margin-top: 8px; font-size: 12px; } .checkout-address-cell .checkout-address-delete a, .checkout-address-cell .checkout-address-delete button { background: none; border: none; padding: 0; margin: 0; color: #5999cf; text-decoration: underline; cursor: pointer; font-size: 12px; font-family: inherit; } .checkout-address-new { margin-top: 8px; text-align: left; font-size: 12px; } .checkout-address-new a { color: #5999cf; } a.btn-designate { display: inline-block; padding: 4px 14px; background: #e2585a; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; border-radius: 2px; margin-bottom: 6px; } a.btn-designate:hover { background: #c0392f; } .checkout-method-table { width: 100%; border-collapse: collapse; margin: 6px 0; border: 1px solid #ccc; } .checkout-step2 .checkout-method-table thead th { background: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px; font-size: 13px; font-weight: bold; text-align: center; } .checkout-step2 .checkout-method-table thead th.a-right { text-align: right; } .checkout-method-table thead th:first-child { border-left: 0; } .checkout-method-table tbody tr { border-top: 1px solid #e5e5e5; } .checkout-method-table tbody tr.selected { background: #e9f4fc; } .checkout-method-table td.method-radio { width: 32px; text-align: center; vertical-align: middle; padding: 5px 0 5px 8px; } .checkout-method-table td.method-icon { width: 72px; text-align: center; vertical-align: middle; padding: 5px; } .checkout-method-table td.method-icon img { max-height: 28px; } .checkout-method-table td.method-body { vertical-align: middle; padding: 5px 6px; } .checkout-method-table .method-body-flex { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .checkout-method-table .method-body-text { flex: 1 1 auto; } .checkout-method-table td.method-body strong { font-size: 13px; font-weight: bold; } .checkout-method-table td.method-body .small { color: #444; font-size: 12px; margin: 2px 0 0 0; line-height: 1.5; } .checkout-method-table td.method-body .small .attn-red { color: #c00; display: block; } .checkout-method-delivery-opts { flex: 0 0 240px; font-size: 12px; display: none; } .checkout-method-delivery-opts > div { margin-bottom: 4px; white-space: nowrap; } .checkout-method-delivery-opts label { display: inline-block; min-width: 90px; } .checkout-method-delivery-opts select { max-width: 140px; } .checkout-method-table td.method-fee { width: 110px; text-align: right; color: #c00; font-weight: bold; vertical-align: middle; padding: 5px 8px; font-size: 14px; border-left: 1px solid #ccc; } .checkout-comment-block { background: #f5f0e6; border: 1px solid #e2dccb; padding: 12px; width: 736px; box-sizing: border-box; } .checkout-comment-block table { width: 100%; border-collapse: collapse; } .checkout-comment-block td.comment-label { width: 140px; vertical-align: top; padding: 4px 8px; font-size: 13px; font-weight: bold; } .checkout-comment-block td.comment-body { vertical-align: top; padding: 4px 8px; } .checkout-comment-block .checkout-guide-text { margin: 0 0 6px; } .checkout-comment-block textarea { width: 370px; max-width: 100%; height: 120px; padding: 6px; border: 1px solid #cbd4dc; background: #fff; font-family: inherit; font-size: 12px; } .checkout-cta { padding-top: 18px; text-align: right; } .btn-confirm-order { background: linear-gradient(#1c9876, #167a5e); color: #fff; font-size: 16px; font-weight: bold; padding: 12px 20px 12px 44px; border: none; cursor: pointer; border-radius: 3px; } .btn-confirm-order .chevrons { margin-left: 10px; letter-spacing: -2px; } .btn-confirm-order:hover { background: linear-gradient(#188a68, #106a51); } #contents .fullFrame ul#mainNav li { list-style: none; } .checkout-confirm h1.checkout-heading { width: 300px; } .checkout-confirm fieldset legend.legend-wide { width: 360px; } .checkout-confirm .confirm-section-th { background: #eaf5f0; text-align: center; padding: 6px 8px !important; } .checkout-confirm .edit-link { display: inline-block; background: #f60; color: #fff; border-radius: 2px; padding: 1px 8px; font-size: 11px; font-weight: normal; text-decoration: none; vertical-align: middle; } .checkout-confirm .edit-link:hover { background: #de5400; color: #fff; } .checkout-confirm .bottom_navi { padding-top: 15px; text-align: right; } .checkout-confirm .bottom_navi form { margin: 0 6px; } .checkout-confirm .form-button-alt { background-color: #c00; border-color: #900; color: #fff; font-size: 14px; padding: .6rem 2rem; } .checkout-confirm .form-button-alt:hover { background-color: #900; } .checkout-confirm .confirm-caution { color: #c00; font-size: 12px; margin-top: 8px; text-align: right; } .checkout-confirm .confirm-success-note { color: #090; } .checkout-confirm .confirm-products td:first-child { text-align: center; vertical-align: middle; } .checkout-confirm .confirm-products td img { max-width: 60px; height: auto; display: inline-block; } .checkout-confirm .dataT { width: 100% !important; } .btn-legacy { display: inline-block; padding: 0; border: 0; background: transparent; cursor: pointer; line-height: 0; } .btn-legacy img { display: block; width: 224px; height: 43px; } .btn-legacy:disabled { opacity: 0.5; cursor: not-allowed; } .btn-legacy + .btn-legacy { margin-left: 12px; } .form-list dd .textfieldRequiredMsg, .form-list dd .textfieldMinCharsMsg, .form-list dd .textfieldInvalidFormatMsg { display: none; } .form-list dd.textfieldRequiredState .textfieldRequiredMsg, .form-list dd.textfieldMinCharsState .textfieldMinCharsMsg, .form-list dd.textfieldInvalidFormatState .textfieldInvalidFormatMsg { display: inline; color: #CC3333; } .form-list dd.textfieldValidState input, .form-list dd.textfieldValidState textarea { background-color: #B8F5B1; } .form-list dd.textfieldRequiredState input, .form-list dd.textfieldMinCharsState input, .form-list dd.textfieldInvalidFormatState input { background-color: #FF9F9F; } .form-list dd.textfieldValidState input:focus, .form-list dd.textfieldValidState textarea:focus, .form-list dd.textfieldRequiredState input:focus, .form-list dd.textfieldMinCharsState input:focus, .form-list dd.textfieldInvalidFormatState input:focus { background-color: #FEFCE7; }