@charset "utf-8"; @font-face { font-family: 'Nanum'; src: url('fonts/NanumGothic.eot'); /* IE */ src: local('NanumGothic'), local('나눔고딕')/*, url('fonts//NanumGothic.eot') format('truetype');*/ } body {color:#555555; font-family: Trebuchet MS, Arial, Nanum, 나눔고딕, 맑은 고딕, 돋움, sans-serif; font-size:12px; line-height:17px; margin: 0; padding: 0; background: #fff; } td {color:#555555; font-size:12px; line-height:17px; word-break:break-all; padding: 0; } a:link { color:#555555; font-size:12px; text-decoration:none; line-height:17px} a:visited { color:#555555; font-size:12px; text-decoration:none; line-height:17px} a:active { color:#555555; font-size:12px; text-decoration:none; line-height:17px} a:hover { color:#222222; font-size:12px; text-decoration:underline; line-height:17px} h1,h2,h3,h4,h5,h6 { color: #7a1600 } .clear { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .btn { padding: 2px 5px; background: #d1a26b; margin: 0 3px 3px 0; font-weight: bold; color: #fff !important; line-height: 14px; border: none; cursor: pointer; font-family: Trebuchet MS, Arial, Nanum, 맑은 고딕, 돋움, sans-serif; display: inline-block; } .btn:hover { background: #ce8836; color: #fff; text-decoration: none; background-position: left center;} .btn:active { background: #a84c10; color: #fff; text-decoration: none; background-position: left bottom; } #tooltip { letter-spacing: -1px; position: absolute; margin-top: 20px; background: #f1e5c8; padding: 2px 5px; color: #7a1600; display:none; border-bottom: 1px solid #ce8836 ; z-index: 1000; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); box-shadow: 0 1px 3px rgba(0,0,0,0.6);} #IEbox { display: none; height: 120px; padding: 20px 10px 20px 180px; color: #fff; font-weight: bold; width: auto; margin: 0; border: 4px dashed #491203; font-size: 1.3em; background: url('image/warn.gif') no-repeat left center #9e0b0f; line-height: 1.5em; position: fixed; bottom: 20px; z-index: 5000; } #IEbox h3 { padding: 0; margin: 2px 0; font-weight: bold; color: #fff; font-size: 1.4em;} #IEbox a { font-weight: bold; color: #fff; font-size: 1.3em; clear: left; border-bottom: 1px dotted #fff; } #IEbox a:hover { text-decoration: none; border-bottom: 1px dotted #fff; } .browserver6, .browserver7 { font-size: 1.1em; float: right;} /* CUSTOM STYLE START -- */ #main-bg { background: url('image/bgpattern.jpg') repeat top center; background-color: #d0a368; } #vert-pattern { margin: 0 auto; padding: 0; background: url('image/vert-pattern.jpg') repeat-y top center; width: 1024px; } #headerbg { margin: 0; padding: 0; background: url('image/header-bg.jpg') center top no-repeat; min-height: 500px; } #sitebox { width: 1024px; background: url('image/header-bg.jpg') center top no-repeat; margin: 0 auto;} /* ------- HEADER -------- */ #header { width: 780px; height: 110px; display: block; margin: 0 auto; padding-top: 70px; color: #fff; } .homebutton { width: 225px; height: 110px; display: block; margin: 0 0 0 10px; padding: 0; float: left; overflow: hidden; } .homebutton a { width: 225px; height: 0; display: block; margin: 0; padding: 110px 0 0 0; } /* Search */ .searcharea { width: 500px; height: 35px; float: right; display: block; } .searchbox { width: 230px; height: 35px; float: right; display: block; padding: 8px 7px 0 30px; background: url('image/searchbg.jpg') right top no-repeat; color: #fff; } .searchbox:focus { background: none; color: #fff; } .searchinput { width: 200px; height: 16px; padding: 2px 3px; margin: 0; border: none !important; background: none; font-size: 8pt; color: #fff !important; font-family: Nanum, 돋움, sans-serif;} .searchbtn { width: 20px; height: 20px; text-indent: -90000px; border: none; background: url('image/searchbtn.png') center 2px no-repeat; cursor: pointer; } /* Userbar */ .userbox { width: 490px; height: 25px; float: right; display: block; } .userbar { width: 490px; height: 25px; list-style: none; float: right; display: block; text-align: right; margin: 0; padding-right: 10px; font-size: 7pt; position: relative; background: url('image/userbar-a.png') right -2px no-repeat; } .userbar a { font-weight: bold; color: #fff; font-size: 8pt; height: 0; margin: 0; padding: 25px 0 0 0; position: absolute; overflow: hidden;} .userbar.loggedin { background: url('image/userbar-loggedin.png') right top no-repeat; } .userbar li a { top: 0;} .userbar .login { width: 35px; right: 243px; } .userbar .logout { width: 40px; right: 193px; } .userbar .join { width: 45px; right: 190px; } .userbar .cart { width: 45px; right: 140px; } .userbar .mypage { width: 53px; right: 80px; } .userbar .order { width: 65px; right: 5px; } /* Header Menu bar */ #topmenu { width: 400px; height: 50px; list-style: none; float: right; display: block; padding: 0; margin: 0; position: relative; } #topmenu a { height: 0; margin: 0; padding: 50px 0 0 0; background: url('image/menubar.jpg') right top no-repeat; position: absolute; overflow: hidden;} #topmenu .newprod { width: 110px; right: 290px; background-position: 0 0; top: 0;} #topmenu .popular { width: 95px; right: 175px; background-position: -130px 0; top: 0;} #topmenu .events { width: 65px; right: 100px; background-position: -235px 0; top: 0;} #topmenu .support { width: 75px; right: 10px; background-position: -315px 0; top: 0;} #topmenu .newprod:hover { background-position: 0 -50px; } #topmenu .popular:hover { background-position: -130px -50px;} #topmenu .events:hover { background-position: -235px -50px;} #topmenu .support:hover { background-position: -315px -50px;} #topmenu .newprod:active { background-position: 0 -100px; } #topmenu .popular:active { background-position: -130px -100px;} #topmenu .events:active { background-position: -235px -100px;} #topmenu .support:active { background-position: -315px -100px;} /* ------- CONTENT -------- */ #container { display: block; width: 780px; margin: 0 auto; padding-bottom: 20px; position: relative } #sidebar { display: block; width: 160px; float: left; background: none /* rgba(101,43,13,0.8) */; color: #fff; margin-left: -161px; margin-top: 5px; z-index: 1;} /* Popup notice */ #popupwindow { padding: 0; margin: 0; width: 100%; } #popupwindow br { display: none; } #popupwindow img { border: none; } #popupwindow a { border: none; } .nopopupchk { text-align: right; } /* Popup notice (layer) */ .layernotice-body { display: block; position: absolute; z-index: 10000; } .layernotice-sub { background: #fff; position: relative; } .nopopupchk { display: block; position: absolute; bottom: 0; right: 0; padding: 3px;} .nopopupchk label { } .nopopupchk input { margin: 0; } /* Togglemenu global */ .togglemenu { display: block; width: 123px; margin-bottom: 10px; position: relative; font-family: "Trebuchet MS", Nanum, 돋움, sans-serif; left: 40px; color: #f8e0ba;} .togglemenu .top { display: block; width: auto; height: 4px; background: url('image/togglemenu/top.png') left top no-repeat;} .togglemenu .bottom { display: block; width: auto; height: 10px; background: url('image/togglemenu/bottom.png') left top no-repeat;} .togglemenu .togglebtn { display: block; width: 0; padding-left: 30px; overflow: hidden; float: left; min-height: 240px; cursor: pointer; } .togglemenu .togglebtn:hover { background-position: -30px top; } .togglemenu .box { display: block; width: 130px; background: url('image/togglemenu/repeat.png') left top repeat-y; padding-left: 3px; } .togglemenu .menu { min-height: 240px; width: 87px; margin-left: 30px;} .togglemenu .menu ul { margin: 0; padding: 0; list-style: none;} .togglemenu .menu ul li { margin: 0; padding: 0; position: relative; } .togglemenu .menu ul li span { font-size: 8pt; letter-spacing: -1px; color: #f8e0ba; margin-left: 5px; } .togglemenu .menu li a { margin: 0; padding: 4px 6px; border-top: 1px solid #cf8245; height: 17px; width: auto; display: block; color: #f8e0ba; background: url('image/bullet-arrow.png') 77px center no-repeat; font-weight: bold; text-decoration: none;} .togglemenu .menu li a:hover { color: #fef0da; text-decoration: none; background: url('image/bullet-arrow-light.png') 77px center no-repeat #b95c2b; } .togglemenu .menu li:last-child a { border-bottom: 1px solid #cf8245; } .togglemenu .menu li ul { display: none; position: absolute; left: 90px; top: 0; background: url('image/togglemenu/bg-repeat.png') repeat; width: 90px; -moz-box-shadow: 0 2px 5px -1px rgba(0,0,0,0.8); box-shadow: 0 2px 5px -1px rgba(0,0,0,0.8); z-index: 4 } .togglemenu .menu li:hover ul { display: block; } .togglemenu .menu li ul a { background: none; } .togglemenu .menu li ul a:hover { text-decoration: none; background: #b95c2b; } /* Category */ #category .togglebtn { background-image: url('image/togglemenu/category-title.png');} /* Board list */ #boardlist { left: 40px; } #boardlist .togglebtn { background-image: url('image/togglemenu/community-title.png'); } /* Mypage menu */ #mypagemenu { left: 40px; } #mypagemenu .togglebtn { background-image: url('image/togglemenu/mypage-title.png'); } /* Content */ #content { width: 740px; min-height: 400px; display: block; margin: 0 auto; padding: 0 20px; position: relative; z-index: 3; background: #fff;} #content .mainbanner { width: 780px; margin: 0 0 5px 0; padding: 0; height: 300px; overflow: hidden;} #content .mainvideo { width: 780px; margin: 0 0 20px -20px; padding: 0;} .paging { text-align: center; margin: 10px 0;} /* breadcrumbs */ .breadcrumbs { display: block; height: 2em; margin: 10px -20px; padding: 0 10px; border-bottom: 1px solid #eee; list-style: none; } .breadcrumbs li { float: left; line-height: 2em; padding-left: 7px; } .breadcrumbs li a { float: left; background: url('image/bullet-tri.png') right center no-repeat; padding-right: 15px; line-height: 2em; } .breadcrumbs li:first-child { padding-left: 20px; background: url('image/icon_home.gif') 7px 6px no-repeat; } .breadcrumbs li:last-child { font-weight: bold; } .breadcrumbs li:last-child a { background: none; } /* Content headers - .ctitle */ .ctitle { width: 740px; height: 50px; background-position: left top; background-repeat: no-repeat; position: relative;} .ctitle h2, .ctitle h3 { display: none;} .ctitle a.titlelink { display: block; position: absolute; height: 35px; width: 400px; top: 0; left: 0; } .ctitle a.titlelink:hover, .ctitle a.titlelink:link { text-decoration: none;} .ctitle.searchres { background-image: url('image/titles/searchresult.png'); } .ctitle .more { float: right; margin-top: 15px;} .ctitle .more a { display: block; width: 55px; height: 0; padding-top: 20px; overflow: hidden; background: url('image/more.png') left top no-repeat; } .ctitle .more a:hover { background-position: left bottom; } .prodpage .ctitle { height: 35px; border-bottom: 2px dotted #F1E5C8; margin-bottom: 10px; } .prodpage .prodreviews .ctitle{ background: url('image/titles/reviews.png') left -5px no-repeat; } .prodpage .prodqna .ctitle { background: url('image/titles/prodqna.png') left -5px no-repeat; } .prodpage .prodrel .ctitle { background: url('image/titles/related.png') left -5px no-repeat; } #loginpage .ctitle { background-image: url('image/titles/login.png'); height: 45px; border-bottom: 2px dotted #F1E5C8; } /* Main page */ .mainpage #container { padding-bottom: 0; } .mainpage #content { width: 780px; padding: 0; } .mainpage .bottom-content { display: none; } .mainpage .contentbox { width: 530px; float: left; padding: 0 5px; overflow: hidden; } .mainpage .sidebar { margin-left: 540px; width: 235px; } .mainpage .ctitle { width: 530px; } .recomgoods, .eventgoods, .stringgoods { } .recomgoods .ctitle, .eventgoods .ctitle, .stringgoods .ctitle { height: 35px; } .recomgoods .ctitle { background: url('image/mainpage-recgoods.png') left top no-repeat; } .stringgoods .ctitle { background: url('image/mainpage-string.png') left top no-repeat; } .mainpage .ctitle .more { margin-top: 10px; } .mainpage .listcontent { width: 535px; } .mainpage .listcontent .item a { width: 127.5px; cursor: pointer; } .mainpage .listcontent .item .imgbox { position: relative; min-height: 180px; display:block; overflow: hidden;} .mainpage .listcontent .item .imgbox .imgcrop { display: block; position: absolute; left: -15px; overflow: hidden; width: 150px !important;} .mainpage .listcontent .item .imgbox img { width: 150px !important; height: 150px !important; } .mainpage .listcontent .item:last-child { margin-right: 0;} .mainpage .listcontent .text { width: 115px; } .mainpage .listcontent .item .prodname { font-size: 1em; letter-spacing: -1px; padding: 0; } .mainpage .noticebox { margin-right: 2px; float: none; } .twitterbox { display: block; width: 235px; min-height: 287px; padding: 0; background: url('image//twitter-bg.png') left top no-repeat; margin: 5px 5px 0 0; } .twitterbox .title { display: block; width: 235px; height: 30px; position: relative; margin-bottom: 5px; } .twitterbox .title h3 { margin: 0; text-indent: -9000px; } .twitterbox .title a { display: block; width: 235px; height: 0; position: absolute; left: 0; top: 0; border: none; padding-top: 30px; overflow:hidden; } .twitterbox .title a img { border: none; display: none; } .twitterbox .loading { text-align: center; padding: 20px 0; } .twitterbox ul { width: 100%; margin: 5px 0 0 0; padding: 5px 0; list-style: none;} .twitterbox ul li { padding: 0 5px; margin-bottom: 4px; border-bottom: 1px dotted #fff; } .twitterbox .twitterTime { text-align: right; font-size: 7.5pt; color: #ce8836;} .twitterbox .twitterTime a { font-size: 7.5pt; color: #ce8836; padding-left: 3px; } .twitterbox .follow { text-align: right; margin-top: 5px; padding: 5px; } /* Join page + member edit page */ #memberpage .ctitle { height: 45px; border-bottom: 2px dotted #F1E5C8; } #memberjoinpage .ctitle { background: url('image/titles/signup.png') left top no-repeat;} #memberinfopage .ctitle { background: url('image/titles/editmemberinfo.png') left top no-repeat;} #memberjoinpage #join-agree .ctitle { background: url('image/titles/signup-1.png') left top no-repeat;} #memberjoinpage #join-chk .ctitle { background: url('image/titles/signup-2.png') left top no-repeat;} #memberjoinpage #join-input .ctitle { background: url('image/titles/signup-3.png') left top no-repeat; } #memberpage .sum { text-align: right; margin: 5px 0; padding: 0 10px; } #join-agree { margin-bottom: 20px; } #join-agree h4 { margin: 5px 0; } #join-agree .termsbox { width: auto; height: 200px; overflow: auto; padding: 5px; border: 1px solid #ccc; } #join-agree .radiobox { margin-bottom: 10px;} #join-chk .box { margin: 10px 0; padding: 20px; border: 1px solid #ebd8b7; } #join-chk .box div { padding: 3px 0;} #join-chk .box p { margin: 5px 0;} #join-chk .box label { width: 60px; float: left; font-weight: bold; color: #a84c10; } #memberpage input { padding: 2px 4px; } #memberpage input[type="text"]:hover, #memberpage input[type="password"]:hover { border-color: #898989; } #memberpage input[type="text"]:focus, #memberpage input[type="password"]:focus { border-color: #a84c10; } #memberpage .left { width: 80px; height: 14px; display: inline-block; background: url('image/joinform-text.gif') left top no-repeat; text-indent: -900%;} #memberpage .right { } #memberpage ul { list-style: none; margin: 5px 0; padding: 0;} #memberpage li { padding: 3px 0; margin: 0; border-bottom: 1px solid #eee; } #memberpage .t01 .left { background-position: left 0px; } #memberpage .t02 .left { background-position: left -14px; } #memberpage .t03 .left { background-position: left -28px; } #memberpage .t03 .fr .left { background-position: left -42px; } #memberpage .t04 .left { background-position: left -56px; } #memberpage .t05 .left { background-position: left -70px; } #memberpage .t06 .left { background-position: left -84px; } #memberpage .t07 .left { background-position: left -98px; } #memberpage .t08 .left { background-position: left -112px; } #memberpage .t08 .fr .left { background-position: left -126px; } #memberpage input.tel { width: 35px; } #memberpage .fl { display: inline-block; width: 300px;} #memberpage .fr { display: inline-block; margin-left: 0px; padding-left: 10px; border-left: 1px solid #eee;} #memberpage .ml { height: 55px; } #memberpage .ml .left { float: left; margin: 5px 5px 40px 0; } #memberpage .ml .right { float: left;} #memberpage .email { height: 25px; } #memberpage .email .left { float: left; margin: 5px 5px 5px 0; } #memberpage .email .right { float: left;} #memberpage #addr_h1 { width: 300px; margin-top: 5px;} #memberpage #addr_h2 { width: 200px; margin-top: 5px;} #memberpage input[id^="mbpw"] { margin-bottom: 5px;} #memberpage .btns { text-align: right; height: 50px;} #memberpage .sslchkbox { display: none; } #memberpage .btns .btn { display: inline-block; height: 0; width: 120px; padding: 35px 0 0 0; overflow: hidden; } #memberjoinpage .proceed { background: url('image/signupbtn.png') left top no-repeat; } #memberinfopage .proceed { background: url('image/savebtn.png') left top no-repeat; } #join-agree .agree { background: url('image/agreebtn.png') left top no-repeat; } #memberpage .btn { display: inline-block; height: 0; padding: 22px 0 0 0; margin: 0; overflow: hidden; vertical-align: bottom;} #memberpage .idchk { width: 45px; background: url('image/findbtn.png') left top no-repeat; } #memberpage .addrsearch { width: 65px; background: url('image/findaddr.png') left top no-repeat; } #memberpage .btn:hover { background-position: left center; } #memberpage .btn:active { background-position: left bottom; } #memberpage .next { background: url('image/nextbtn.png') left top no-repeat; border: none; text-indent: -900%; overflow: hidden; width: 120px; height: 35px; margin: 5px 0; cursor: pointer; } #memberpage .next:hover { background-position: left center; } #memberpage .next:active { background-position: left bottom; } /* login page */ #loginpage { background: url('image/loginpage/loginpagebg.jpg') left top no-repeat; padding-top: 40px; } #loginpage .welcometext { display: none; } #loginpage .loginbox { padding: 10px 20px; margin: 10px 0; height: 90px; } #loginpage .loginbox label { float: left; width: 100px; text-align: right; padding: 2px 5px; font-weight: bold; margin: 3px 0; } #loginpage .loginbox .inner label { display: none;} #loginpage .loginbox .username, #loginpage .loginbox .password { padding: 5px 5px 5px 55px; margin: 3px 0; width: 200px; font-size: 1.1em; border: 1px solid #ddd; } #loginpage .loginbox .username:focus, #loginpage .loginbox .password:focus { border: 1px solid #a84c10; } #loginpage .loginbox .username { background: url('image/loginpage/id.png') 5px center no-repeat #fff; } #loginpage .loginbox .password { background: url('image/loginpage/pw.png') 5px center no-repeat #fff; } #loginpage .loginbox .inner { float: left; } #loginpage .loginbox .loginbtn { background: url('image/loginpage/loginbtn.png') left top no-repeat; border: none; text-indent: -900%; overflow: hidden; width: 90px; height: 62px; float: left; margin: 3px 5px; cursor: pointer; } #loginpage .loginbox .loginbtn:hover { background-position: left -62px; } #loginpage .loginbox .loginbtn:active { background-position: left bottom; } #loginpage .loginbox .ssl_chkbox { float: right; display: none;} #loginpage .loginbox .ssl_chkbox label { padding: 0; margin: 0; font-weight: normal; font-size: 8pt; } #loginpage .menu { text-align: right;} #loginpage .menu .join {} #loginpage .menu .findidpw {} #loginpage .nmember-buy { height: 20px; margin: 10px 0; padding: 10px 0; border-top: 2px dotted #F1E5C8; border-bottom: 2px dotted #F1E5C8;} #loginpage .nmember-buy p { padding: 2px 5px; margin: 0; float: left; } #loginpage .nmember-buy .btn{ float: left;} /* My page */ #mypage .ctitle { height: 45px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/mypage.png') left top no-repeat; margin-bottom: 10px;} #mypage .rctshop .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/rctshop.png') left top no-repeat; } #mypage .coupon .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/coupons.png') left top no-repeat; } #mypage .wishlist .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/wishlist.png') left top no-repeat; } #mypage .myqna .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/myqna.png') left top no-repeat; } #mypage .rctshop { margin-bottom: 10px; } #mypage .coupon { margin-bottom: 10px; } #mypage .wishlist { margin-bottom: 10px; } #mypage .myqna { margin-bottom: 10px; } #mypage .wishlist .listcontent { height: 220px; overflow: hidden;} /* wishlist */ #wishlist .ctitle { height: 45px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/wishlist-l.png') left top no-repeat; margin-bottom: 10px; } #wishlist .ctitle .btns { float: right; margin-top: 20px; } #wishlist .btns.bottom { text-align: right; margin-top: 10px;} #wishlist .btns.bottom .notice { float: left; margin-top: 20px;} #wishlist .btns.bottom .btn { border: none; overflow: hidden; width: 120px; height: 0; padding: 35px 0 0 0; margin: 5px 0; cursor: pointer; display: inline-block;} #wishlist .btns.bottom .proceedorder { background: url('image/checkoutbtn.png') left top no-repeat; } #wishlist .btns.bottom .proceedorder:hover { background-position: left -35px; } #wishlist .btns.bottom .proceedorder:active { background-position: left -70px; } /* Product Page - list */ .prodlist .subcategories { display: block; margin: -5px 0 10px; padding: 5px; color: #ccc } .prodlist .subcategories span { display: none; } .prodlist .subcategories a { font-size: 1.1em; } .prodlist .subcategories .c1 { background: url('image/subcat-l.png') top left no-repeat; padding-left: 60px;} .prodlist .subcategories .c2 { background: url('image/subcat.png') top left no-repeat; padding-left: 60px; margin-top: 5px;} .prodlist .featured {} .prodlist .featured {} .prodlist .actions { display: block; height: 20px; padding: 15px 10px; margin: 0; background: url('image/bar-bg1.jpg') center top no-repeat; } .prodlist .actions .search { float: right; } .prodlist .actions .search label{ display: none; } .prodlist .actions .searchbox { background: #fff; padding: 0; margin: 0 5px; width: auto; height: auto; border: 1px solid #d1a26b; } .prodlist .actions .searchinput { width: 150px; padding: 0 2px; color: #333 !important; } .prodlist .actions .searchbtn { height: 18px; background: url('image/searchbtn-brown.png') center top no-repeat; } .prodlist .actions.buttons { display: none; } .listcontent { width: 750px; } .listcontent .item { float: left; padding: 0; margin: 0 4px 4px 0; position: relative; border: 1px solid #eee; } .listcontent .item:hover { border: 1px solid #d1a26b; -moz-transition: border-color 0.3s;} .listcontent .item:active { border: 1px solid #8c0f05; } .listcontent .item:active a { } .listcontent .item a { display: block; width: 180px; padding: 0; border: none; overflow: hidden; -moz-transition: color 0.3s; } .listcontent .item a:hover { color: #7a1600; text-decoration: none; border: none; } .listcontent .item .imgbox { width: auto; height: auto; margin: 0; border: none; } .listcontent .item .imgbox img { width: 180px !Important; height: 180px !important; border: none; margin-bottom: 35px; } .listcontent .item .selbox { position: absolute; top: 0; left: 0; } .listcontent .item .delete { position: absolute; top: 1px; right: 1px; display: none;} .listcontent .item:hover .delete { display: block; } .listcontent .icon {} .listcontent .btn.delete { background: url('image/delete.png') left top no-repeat; border: none; overflow: hidden; width: 20px; height: 20px; padding: 0; margin: 0; cursor: pointer; text-indent: -900%; } .listcontent .btn.delete:hover { background-position: left -20px; } .listcontent .btn.delete:active { background-position: left bottom; } .listcontent .text { display: block; height: auto; width: 170px; position: absolute; bottom: 0; background: url('image/item-block/textbg.png') top left repeat-x; padding: 3px 5px;} .listcontent .text span { margin:0; } .listcontent .item .prodname { font-weight: bold; font-size: 1.1em; letter-spacing: -1px; padding: 0; } .listcontent .item .price { padding: 0; display: block; } .listcontent .item .info { padding: 0; } .prodlist .list-header { display: block; } .prodlist .list-footer { display: block; } .listcontent .icon { display: block; position: absolute; } .listcontent .icon.new { background: url('image/item-block/icon-new.png') top left no-repeat; width: 40px; height: 40px; top: 0; left: 0;} .listcontent .icon.hot { top: 2px; right: 2px;} .listcontent .icon.cool { top: 2px; right: 2px;} .listcontent .icon.discount { top: 2px; right: 0;} .listcontent .icon.point { background: url('image/item-block/icon-point.png') top left no-repeat; width: 15px; height: 15px; top: 0; right: 0;} .listcontent .icon.out { background: url('image/item-block/icon-out.png') 2px center no-repeat; width: 100%; height: 55px; bottom: 25%; left: 0;} .listcontent .icon.outstock { background: url('image/item-block/icon-outstock.png') center center no-repeat; width: 100%; height: 35px; bottom: 25%; left: 0;} .listcontent .icon.cool + .icon.hot { top: 2px; right: 25px; } .listcontent .icon.cool ~ .icon.discount { top: 25px;} .listcontent .icon.cool ~ .icon.point { top: 15px; } .listcontent .icon.cool + .icon.hot ~ .icon.discount { top: 16px;} .listcontent .icon.cool + .icon.hot ~ .icon.point { top: 15px; } .listcontent .icon.cool + .icon.hot ~ .icon.discount ~ .icon.point { top: 2px; right: 46px; } .listcontent .icon.hot ~ .icon.discount { top: 16px; } .listcontent .icon.hot ~ .icon.point { top: 15px; } .listcontent .icon.hot ~ .icon.discount ~ .icon.point { top: 2px; right: 23px; } .listcontent .icon.discount ~ .icon.point { top: 16px; } .icon { display: block; background: url('image/producticons.png') top left no-repeat; height: 14px; padding: 0; margin: 0; float: right;} .icon.new { width: 28px; } .icon.point { width: 14px; background-position: -28px top; } .icon.hot { width: 22px; background-position: -42px top; } .icon.cool { width: 22px; background-position: -64px top; } .icon.discount { width: 33px; background-position: -86px top; } .icon.out { width: 50px; background-position: -119px top; } .icon.outstock { width: 30px; background-position: -168px top; } .dcrate { width: 45px; height: 45px; position: absolute; top: 0; left: 0; background: url('image/item-block/dcrate.png') left top no-repeat; padding: 0 !important;} .dcrate.p0, .dcrate.p { display: none; } .dcrate.p10 { background-position: -45px top; } .dcrate.p15 { background-position: -90px top; } .dcrate.p20 { background-position: -135px top; } .dcrate.p25 { background-position: -180px top; } .dcrate.p30 { background-position: -225px top; } .dcrate.p35 { background-position: -270px top; } .dcrate.p40 { background-position: -315px top; } .dcrate.p45 { background-position: -360px top; } .dcrate.p50 { background-position: -405px top; } .dcrate.p55 { background-position: 0 -45px; } .dcrate.p60 { background-position: -45px -45px; } .dcrate.p65 { background-position: -90px -45px; } .dcrate.p70 { background-position: -135px -45px; } .dcrate.p75 { background-position: -180px -45px; } .dcrate.p80 { background-position: -225px -45px; } .dcrate.p85 { background-position: -270px -45px; } .dcrate.p90 { background-position: -315px -45px; } .dcrate.p95 { background-position: -360px -45px; } .dcrate.p100 { background-position: -405px -45px; } /* Product Page - view */ .prodpage {} .prodpage .topbox { margin-bottom: 10px; } .prodpage .image { float: left; margin-right: 15px; border: 1px solid #ddd; position: relative; } .prodpage .image img { width: 350px; height: 350px; } .prodpage .dcrate { width: 80px; height: 80px; position: absolute; top: 0; left: 0; background: url('image/item-block/dcrate-l.png') left top no-repeat; } .prodpage .dcrate.p0, .prodpage .dcrate.p { display: none; } .prodpage .dcrate.p10 { background-position: -80px top; } .prodpage .dcrate.p15 { background-position: -160px top; } .prodpage .dcrate.p20 { background-position: -240px top; } .prodpage .dcrate.p25 { background-position: -320px top; } .prodpage .dcrate.p30 { background-position: -400px top; } .prodpage .dcrate.p35 { background-position: -480px top; } .prodpage .dcrate.p40 { background-position: -560px top; } .prodpage .dcrate.p45 { background-position: -640px top; } .prodpage .dcrate.p50 { background-position: -720px top; } .prodpage .dcrate.p55 { background-position: 0 -80px; } .prodpage .dcrate.p60 { background-position: -80px -80px; } .prodpage .dcrate.p65 { background-position: -160px -80px; } .prodpage .dcrate.p70 { background-position: -240px -80px; } .prodpage .dcrate.p75 { background-position: -320px -80px; } .prodpage .dcrate.p80 { background-position: -400px -80px; } .prodpage .dcrate.p85 { background-position: -480px -80px; } .prodpage .dcrate.p90 { background-position: -560px -80px; } .prodpage .dcrate.p95 { background-position: -640px -80px; } .prodpage .dcrate.p100 { background-position: -720px -80px; } .prodpage .infobox { float: left; width: 370px; margin-bottom:10px; } .prodpage .infobox h2 { color: #444; border-bottom: 1px solid #d1a26b; padding: 0 0 5px; margin: 5px 0 } .prodpage .infobox h2 span { margin-left: 5px; } .prodpage .infobox h2 span span { margin-left: 0; margin-top: 5px; } .prodpage .infobox ul { list-style: none; padding: 0 0 5px 0; border-bottom: 1px solid #eee} .prodpage .infobox ul li { margin-bottom: 4px; } .prodpage .infobox ul li .def { display: block; width: 100px; height: 14px; text-indent: -900%; overflow: hidden; background: url('image/prod-page/info-text.gif') left top no-repeat; float: left; margin-top: 2px; } .prodpage .infobox ul li .def.code { background-position: left top; } .prodpage .infobox ul li .def.maker { background-position: left -14px; } .prodpage .infobox ul li .def.brand { background-position: left -28px; } .prodpage .infobox ul li .def.origin { background-position: left -42px; } .prodpage .infobox ul li .def.discount { background-position: left -56px; } .prodpage .infobox ul li .def.point { background-position: left -70px; } .prodpage .infobox ul li .def.trans { background-position: left -84px; } .prodpage .infobox ul li .def.stock { background-position: left -98px; } .prodpage .infobox ul li .def.price { background-position: left -112px; } .prodpage .infobox ul li .def.price2 { background-position: left -126px; } .prodpage .infobox ul li .def.count { background-position: left -140px; } .prodpage .infobox ul li .countmod { display: inline-block; } .prodpage .infobox ul li .btns { float: right; width: 17px; margin: 1px; } .prodpage .infobox ul li .btns a { display: block; width: 11px; height: 8px; width: 11px; height: 0; padding-top: 8px; overflow: hidden; } .prodpage .infobox ul li .btns .plus { background: url('image/cart-cnt-btn.png') top left no-repeat; margin-bottom: 1px;} .prodpage .infobox ul li .btns .minus { background: url('image/cart-cnt-btn.png') bottom left no-repeat; } .prodpage .infobox ul li .btns .plus:hover { background-position: -11px top; } .prodpage .infobox ul li .btns .minus:hover { background-position: -11px bottom;} .prodpage .infobox ul li .btns .plus:active { background-position: -22px top; } .prodpage .infobox ul li .btns .minus:active{ background-position: -22px bottom;} .prodpage .infobox ul li.option { margin-top: 10px; border-top: 1px solid #eee; padding: 5px 0 0 0; } .prodpage .infobox ul li.option .title { display: block; width: 100px; height: 14px; float: left; margin-top: 2px; font-weight: bold;} .prodpage .infobox .option-box { display: none; } .prodpage .actions {} .prodpage .actions .button { display: block; float: left; margin-right: 5px; width: 110px; height: 0; padding-top: 45px; background: url('image/prod-page/prod-action.png') top left no-repeat; overflow: hidden;} .prodpage .actions .button:last-child { margin: 0; } .prodpage .actions .button.order { background-position: left top ; } .prodpage .actions .button.cart { background-position: -120px top; } .prodpage .actions .button.wishlist { background-position: -240px top; } .prodpage .actions .button.order:hover { background-position: left -45px ; } .prodpage .actions .button.cart:hover { background-position: -120px -45px; } .prodpage .actions .button.wishlist:hover { background-position: -240px -45px; } .prodpage .actions .button.order:active { background-position: left -90px ; } .prodpage .actions .button.cart:active { background-position: -120px -90px; } .prodpage .actions .button.wishlist:active { background-position: -240px -90px; } .prodpage .prodrel { margin-bottom: 20px; } .prodpage .prodinfo {} .prodpage .prodinfo h3 { display: none; } .prodpage .prodreviews { margin-bottom: 20px; } .prodpage .prodqna { margin-bottom: 20px; } /* Global orderlist - cart,orderpage */ #orderlist { margin-bottom: 10px; } #orderlist h3 { display: none; } #orderlist table { width: 100%; margin-top: 5px;} #orderlist th { background: #F1E5C8; font-weight: bold; padding: 3px 10px; border-bottom: 2px solid #d1a26b; color: #a84c10; } #orderlist tr.item { border-bottom: 1px solid #efefef; } #orderlist td { padding: 5px 10px; border-bottom: 1px solid #efefef;} #orderlist .name { text-align: left; } #orderlist .pic { width: 100px; } #orderlist .pic img { width: 100px; height: 100px; } #orderlist .num { text-align: right; } #orderlist .num.price { width: 130px; } #orderlist .num.ct { width: 50px; } #orderlist .num.add { width: 80px; } #orderlist .dcinfo { width: 50px; text-align: center; } #orderlist .shipinfo { width: 50px; text-align: center; } #orderlist .rev { width: 40px; text-align: center; } #orderlist .del { width: 30px; text-align: center; } #orderlist .noitem td { text-align: center; padding: 40px;} #orderlist .item + .noitem {display: none;} #orderlist .prodname {display: block; } #orderlist .optname { } #pay_table_S .inputcontent div { padding: 2px 0;} #pay_table_S .inputcontent label { width: 80px; float: left;} #pay_table_S .receiptreq { float: right; } /* Shopping cart page */ #cartpage .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background-image: url('image/titles/shoppingcart.png'); } #cartpage .sum { text-align: right; margin: 5px 0; padding: 0 10px; } #cartpage .sum span { font-weight: bold;} #cartpage .emptycart { float: left; margin-top: 5px; } #cartpage .countmod { display: none; } #cartpage .btns { text-align: right;} #cartpage .btns .btn { border: none; overflow: hidden; width: 120px; height: 0; padding: 35px 0 0 0; margin: 5px 0; cursor: pointer; display: inline-block;} #cartpage .btns .continueshop { background: url('image/continueshop.png') left top no-repeat; float: left; } #cartpage .btns .continueshop:hover { background-position: left -35px; } #cartpage .btns .continueshop:active { background-position: left -70px; } #cartpage .btns .proceedorder { background: url('image/checkoutbtn.png') left top no-repeat; } #cartpage .btns .proceedorder:hover { background-position: left -35px; } #cartpage .btns .proceedorder:active { background-position: left -70px; } #cartpage .btn.del { background: url('image/delete.png') left top no-repeat; border: none; overflow: hidden; width: 20px; height: 20px; padding: 0; margin: 0; cursor: pointer; text-indent: -900%; } #cartpage .btn.del:hover { background-position: left -20px; } #cartpage .btn.del:active { background-position: left bottom; } /* Order page */ #orderpage .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; } #orderpage .ctitle { background-image: url('image/titles/checkout-1.png'); } #orderchk .ctitle { background-image: url('image/titles/checkout-2.png'); } #orderend .ctitle { background-image: url('image/titles/checkout-3.png'); } #orderlist .ctitle { background-image: url('image/titles/orderlist.png'); } #ordererinfo .ctitle { background-image: url('image/titles/ordererinfo.png'); } #shipinfo .ctitle { background-image: url('image/titles/receiverinfo.png'); } #paymentinfo .ctitle { background-image: url('image/titles/payment.png'); } #guest-agree .ctitle { background-image: url('image/titles/guest-agree.png'); } #orderpage .sum { text-align: right; margin: 5px 0; padding: 0 10px; } #guest-agree { margin-bottom: 20px; } #guest-agree h4 { margin: 5px 0; } #guest-agree .termsbox { width: auto; height: 100px; overflow: auto; padding: 5px; border: 1px solid #ccc; } #guest-agree .radiobox { margin-bottom: 10px;} #ordererinfo { float: left; width: 360px; overflow: hidden; margin: 0 20px 10px 0;} #shipinfo { float: left; width: 360px; overflow: hidden; margin: 0 20px 10px 0;} #orderpage input { padding: 2px 4px; } #orderpage input[type="text"]:hover { border-color: #898989; } #orderpage input[type="text"]:focus { border-color: #a84c10; } #orderpage .left { width: 80px; height: 14px; display: inline-block; background: url('image/orderform-text.gif') left top no-repeat; text-indent: -900%;} #orderpage .right { } #orderpage ul { list-style: none; margin: 5px 0; padding: 0;} #orderpage li { padding: 3px 0; margin: 0; border-bottom: 1px solid #eee; } #orderpage .t01 .left { background-position: left 0px; } #orderpage .t02 .left { background-position: left -28px; } #orderpage .t03 .left { background-position: left -42px; } #orderpage .t04 .left { background-position: left -56px; } #orderpage .t05 .left { background-position: left -70px; } #orderpage .t06 .left { background-position: left -84px; } #orderpage .t07 .left { background-position: left -98px; } #orderpage .t08 .left { background-position: left -112px; } #orderpage .t09 .left { background-position: left -126px; } #orderpage .t10 .left { background-position: left -140px; } #orderpage .t11 .left { background-position: left -154px; } #orderpage .t12 .left { background-position: left -168px; vertical-align: top; margin-top: 5px} #orderpage .t13 .left { background-position: left -182px; } #orderpage .rechk { display: inline-block; width: 70px; margin-left: 10px; height: 14px; background: url('image/orderform-text.gif') left -14px no-repeat; text-indent: -900%; } #orderpage .notice { display: none; } #orderpage input.tel { width: 35px; } #orderpage .ml { height: 75px; } #orderpage .ml .left { float: left; margin: 5px 5px 40px 0; } #orderpage .ml .right { float: left;} #orderpage li input[id^="rct_addr"], #orderpage li textarea { width: 260px !important; padding: 2px 4px; } #orderpage li input[id^="rct_addr"] { margin-top: 5px; } #paymentinfo { width: 360px; overflow: hidden; height: 550px; position: relative;} #paymentinfo h4 { margin: 15px 0 5px 0; border-bottom: 1px solid #eee; } #paymentinfo .payinfo { margin: 10px 0; border: 1px solid #eee; padding: 5px; height: 90px;} #paymentinfo .payinfo p { margin: 0 0 5px 0; padding: 0;} #paymentinfo .sfselect { } #paymentinfo .sfpaymethod { } #orderreview { width: 200px; text-align: right; float: right; margin-top: 10px; position: absolute; bottom: 0; right: 0;} #orderreview .ssl_chk { display: none;} #orderreview .total { margin: 10px 0; padding: 10px; border: 3px double #f1e5c8; } #orderreview br { display: none; } #orderreview .points { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eee;} #orderreview .totalcost { font-size: 1.3em; font-weight: bold; color: #ED6642; display: block; } #orderreview #total_point_num { font-size: 1em; font-weight: bold; color: #8dc63f; padding-right: 14px; background: url('image/item-block/icon-point.png') right center no-repeat; display: block; } #orderreview .next { background: url('image/nextbtn.png') left top no-repeat; border: none; overflow: hidden; width: 120px; height: 0; padding: 35px 0 0 0; margin: 5px 0; cursor: pointer; } #orderreview .next:hover { background-position: left center; } #orderreview .next:active { background-position: left bottom; } #orderchk .ml { height: 55px; } #orderchk .ml .left { float: left; margin: 5px 5px 20px 0; } #orderchk .ml .right { float: left; width: 250px;} #orderchk #paymentinfo { height: 380px; } #orderpage .btns { text-align: right; position: relative;} #orderpage .btns .btn { border: none; overflow: hidden; width: 120px; height: 0; padding: 35px 0 0 0; margin: 5px 0; cursor: pointer; display: inline-block;} #orderpage .btns .btn:hover { background-position: left center; } #orderpage .btns .btn:active { background-position: left bottom; } #orderpage .btns .back { background: url('image/backbtn.png') left top no-repeat; position: absolute; left: 0; } #orderpage .btns .pay { background: url('image/paybtn.png') left top no-repeat; } #orderend .box { margin: 10px 0; padding: 20px; border: 1px solid #ebd8b7; } #orderend .box div { padding: 3px 0;} #orderend .box h4 { margin: 5px 0;} #orderend .box ul { list-style: none; padding: 0; } #orderend .box .title { width: 90px; float: left; font-weight: bold; color: #a84c10; margin-right: 10px; } #orderend .box .text { display: block; } #orderend .btns { text-align: center;} #orderend .btns .orderchk { background: url('image/orderchkbtn.png') left top no-repeat; margin-right: 5px;} #orderend .btns .tomain { background: url('image/homebtn.png') left top no-repeat; } /* Shopping history */ #shophistory .ctitle { background: url('image/titles/shophistory.png') left top no-repeat; border-bottom: 2px dotted #F1E5C8; height: 45px; margin-bottom: 10px;} #shophistory .ctitle .btns { float: right; margin-top: 20px; } /* Order history orderlist */ #shophistory th { font-size: 0.9em; padding: 3px 5px;} #shophistory td { padding: 5px;} #shophistory .orderno { width: 90px} #shophistory .orderno .date { font-size: 0.9em; letter-spacing: -1px;} #shophistory .name { } #shophistory .price { width: 55px; text-align: right; } #shophistory .shipinfo { width: 55px; text-align: center; } #shophistory .shipinfo .view, #shophistory .shipinfo .view a { font-size: 8pt; } #shophistory .doc { width: 50px; text-align: center; } #shophistory .pmethod { width: 60px; text-align: center; } #shophistory .pstate { width: 50px; text-align: center; } #shophistory .ostate { width: 50px; text-align: center; } #shophistory .oaction { width: 70px; text-align: center; } #shophistory .detail { display: none; } /* buttons!!! */ #shophistory .oaction br { display: none;} #shophistory .oaction input { margin-right: 2px;} #shophistory .oaction input:last-child { margin-right: 0;} .oaction input.btn_middle_01 { background: url('image/oaction.png') left top no-repeat; width: 20px; height: 20px; text-indent: -900%; padding: 0; cursor: pointer;} .oaction input.btn_middle_01:hover { background-position: left center; } .oaction input.btn_middle_01:active { background-position: left bottom; } .oaction input.btn_middle_01[value="수령확인"] { background-position: -20px top; } .oaction input.btn_middle_01[value="수령확인"]:hover { background-position: -20px center; } .oaction input.btn_middle_01[value="수령확인"]:active { background-position: -20px bottom; } .oaction input.btn_middle_01[value="교환요청"] { background-position: -40px top; } .oaction input.btn_middle_01[value="교환요청"]:hover { background-position: -40px center; } .oaction input.btn_middle_01[value="교환요청"]:active { background-position: -40px bottom; } .oaction input.btn_middle_01[value="반품요청"] { background-position: -60px top; } .oaction input.btn_middle_01[value="반품요청"]:hover { background-position: -60px center; } .oaction input.btn_middle_01[value="반품요청"]:active { background-position: -60px bottom; } .oaction { position: relative; } .oaction .refundbox { background: #f1e5c8; border: 1px solid #d1a26b; padding:5px; width: 210px; right: 20px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: absolute; top: 0;} .oaction .refundbox ul { list-style: none; text-align: left; margin: 0; padding: 0; } .oaction .refundbox ul li h4 { margin: 0; padding: 0} .oaction .refundbox .title { float: left; width: 50px; } .oaction .refundbox .btnbar { text-align: right;} /* order info */ #orderdet .ctitle { height: 45px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/orderdetails.png') left top no-repeat; margin-bottom: 10px; } #orderdet .oaction { float: right; position: relative; margin-top: 20px; } #orderdet .sum { text-align: right; margin: 5px 0; padding: 0 10px; } #orderdet #orderlist .price { width: 70px; text-align: right; } #orderdet #orderlist .points { width: 70px; text-align: right; } #orderdet #orderlist .ostate { width: 70px; text-align: center; } #orderdet #orderlist .pstate { width: 70px; text-align: center; } #orderdet #orderlist .ctitle { height: 35px; background: url('image/titles/orderlist-n.png') left top no-repeat; } #orderdet #ordererinfo .ctitle { height: 35px; background: url('image/titles/ordererinfo-n.png') left top no-repeat; } #orderdet #shipinfo .ctitle { height: 35px; background: url('image/titles/receiverinfo-n.png') left top no-repeat; } #orderdet #paymentinfo .ctitle { height: 35px; background: url('image/titles/payment-n.png') left top no-repeat; } #orderdet .dcinfo .ctitle { height: 35px; background: url('image/titles/discount.png') left top no-repeat; } #orderdet .addcost .ctitle { height: 35px; background: url('image/titles/addcost.png') left top no-repeat; } #orderdet .shipndocs .ctitle { height: 35px; background: url('image/titles/ship-docs.png') left top no-repeat; } #orderdet .memo .ctitle { height: 35px; background: url('image/titles/memo.png') left top no-repeat; } #orderdet .shipndocs { width: 360px; overflow: hidden; } #orderdet .memo { width: 360px; overflow: hidden; } #orderdet #orderpage .ml { height: 55px; } #orderdet #orderpage .ml .left { float: left; margin: 5px 5px 20px 0; } #orderdet #orderpage .ml .right { float: left; width: 250px;} #orderdet #paymentinfo { height: 170px; } #paymentinfo .left { width: 80px; height: 14px; display: inline-block; background: url('image/orderform-text.gif') left top no-repeat; text-indent: -900%;} #paymentinfo .right { } #paymentinfo ul { list-style: none; margin: 5px 0; padding: 0;} #paymentinfo li { padding: 3px 0; margin: 0; border-bottom: 1px solid #eee; } #paymentinfo .t14 .left { background-position: left -196px; } #paymentinfo .t15 .left { background-position: left -210px; } #paymentinfo .t16 .left { background-position: left -224px; } #paymentinfo .t17 .left { background-position: left -238px; } #paymentinfo .t18 .left { background-position: left -252px; } /* order check (non-member */ #nmorderchk a { text-decoration: underline; font-weight: bold; } #nmorderchk .ctitle { height: 35px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/ordercheck.png') left top no-repeat; margin-bottom: 10px; } #nmorderchk .box { margin: 10px 0; padding: 20px; border: 1px solid #ebd8b7; } #nmorderchk .box div { padding: 3px 0;} #nmorderchk .box h4 { margin: 5px 0;} #nmorderchk .box ul { list-style: none; padding: 0; margin: 3px 0;} #nmorderchk .box .title { width: 100px; float: left; font-weight: bold; color: #a84c10; } #nmorderchk .box .text { display: block; } #nmorderchk input { font-size:12px; color:#444444; border: 1px solid #999; padding: 2px 4px; margin: 3px 0;} #nmorderchk input:hover { border-color: #898989; } #nmorderchk input:focus { border-color: #a84c10; } #nmorderchk .okay { margin-left: 100px; text-decoration: none; text-align: center; } /* Board style */ .review.ctitle { background: url('image/titles/board-review.png') left top no-repeat; height: 70px; text-indent: -9000%; } .prodqna.ctitle { background: url('image/titles/board-prodqna.png') left top no-repeat; height: 70px; text-indent: -9000%; } .boardpopup { width: 740px; padding: 20px; margin: 0 auto;} .boardpost a { text-decoration: underline; color: #a84c10; } .boardpost a:hover { text-decoration: underline; color: #7a1600; } .board { margin-bottom: 10px; width: 100% } .board h3 { display: none; } .board table { width: 100%; margin-top: 5px;} .board th { font-weight: bold; padding: 3px 5px; border-bottom: 2px solid #d1a26b; color: #a84c10; background: url('image/vr-9px.gif') left center no-repeat #F1E5C8;} .board th:first-child { background-image: none; } .board tr.item { border-bottom: 1px solid #efefef; } .board td { padding: 5px 5px; border-bottom: 1px solid #efefef;} .board .no { text-align: center; width: 35px;} .board .bname { text-align: center;} .board .tname { } .board .tname a { color: #555; text-decoration: none;} .board .author { text-align: center; width: 60px; } .board .viewct { text-align: center; width: 40px;} .board .time { text-align: center; width: 120px; } .board .file { text-align: center; width: 30px; } .board .date { text-align: center; width: 80px; } .board .score { text-align: center; width: 100px; } .board th.gname { text-align: center; width: 120px; } .board .gname { text-align: left; width: 120px; } .board .gpic { text-align: center; width: 50px; padding-right: none;} .board .gpic img { width: 50px; } .board tr.list:hover td { background: #f7f7f7;} .board td.no { font-size: 10px;} .board .noitem td { text-align: center; padding: 40px;} .board .list + .noitem {display: none;} .board .revcontent + .noitem, .board .qnacontent + .noitem {display: none;} .board .revcontent td, .board .qnacontent td { padding-left: 45px } .board .revcontent td .content, .board .qnacontent td .content { margin:2px; padding: 3px 5px; background: #eee; } .bhead { position: relative; height: 70px; margin-bottom: 10px; background: url('image/noboardtitle.png') left top no-repeat;} .feeds { position: absolute; text-align: right; height: 14px; width: 100%; top: 15px; right: 0; display: block; margin-bottom: 10px; } .feeds a { background: url('image/rss-icon.gif') left center no-repeat; line-height: 14px; height: 14px; padding-left: 16px; } .footerbar .bsearch { float: left; } .footerbar .writebtn { float: right; } .boardpost { width: 100%; } .boardpost .titlebar1 th { background: #F1E5C8; font-weight: normal; padding: 3px 5px; border-bottom: 2px solid #d1a26b; color: #a84c10; text-align: left; } .boardpost th.posttitle h4 { margin: 3px 0; font-size: 15px; } .boardpost th.postviewcnt { width: 60px; font-size: 11px; color: #a84c10; vertical-align: bottom; text-align: right; padding: 3px 10px} .boardpost th.postviewcnt span { font-size: 10px; color: #CE8836; margin-left: 3px;} .boardpost th.postdatetime { font-size: 11px; width: 110px; vertical-align: bottom; text-align: right; background: url('image/vr-9px.gif') left 12px no-repeat #F1E5C8; } .boardpost .titlebar2 th { font-weight: normal; padding: 3px 5px; border-bottom: 1px dotted #d1a26b; color: #a84c10; text-align: left; } .boardpost th.postauthor { color: #333; } .boardpost th.postauthor .ipaddr { float: right; font-size: 9px; color: #ccc} .boardpost tr.score td { padding: 3px 5px; } .boardpost tr.score span, .boardpost tr.score img { vertical-align: middle; } .boardpost .content td { padding: 20px 5px 30px 5px; border-bottom: 1px solid #d1a26b; } .baction { text-align: right; padding-top: 5px; } .btitle { display: none; } .commentlist { margin-top: 10px; } .comment { border: 1px solid #f1e5c8; margin-bottom: 10px; padding: 5px 10px; position: relative; } .comment .commentaction { display: none; position: absolute; top: 10px; right: 5px; } .comment .commentaction a { cursor: pointer; } .comment:hover .commentaction { display: block; } .comment .commentaction a[onclick^="viewCommentModify"] { display: none;} .comment .bar { height: 25px; line-height: 25px; border-bottom: 1px dotted #F1E5C8;} .comment h5 { font-size: 14px; margin: 2px 0; display: inline-block; } .comment .ctime { color: #aaa; font-size: 10px;} .comment .ipaddr { display: none;} .comment .commenttext { margin: 10px 0;} .commentdel { border: 1px solid #aaa; background: #aaa; padding: 5px; } .commentdel h4 { margin: 3px; display: inline-block; color: #333} .commentdel .password { margin: 3px; display: inline-block;} .commentdel .del { margin: 3px; display: inline-block;} .commenttitle { padding-left: 10px; background: url('image/bullet-arrow.png') left 5px no-repeat; margin: 3px 0 5px; padding-bottom: 3px; border-bottom: 1px solid #d1a26b; } .commentwrite { background: #f1e5c8; border: 1px solid #e1cea0; padding: 5px 10px; margin-bottom: 10px; } .commentwrite .writerinfo input { margin: 0 10px 0 5px; width: 100px;} .commentwrite .content { margin-top: 5px; } .commentwrite .content textarea { width: 630px; height: 80px; } .commentwrite .content .submit { float: right; height: 80px; } #boardpostpage input[type="text"], #boardpostpage input[type="password"], #boardpostpage textarea { padding: 2px 4px; background: #fff; border: 1px solid #999999} #boardpostpage input[type="text"]:hover, #boardpostpage input[type="password"]:hover, #boardpostpage textarea:hover { border-color: #898989; } #boardpostpage input[type="text"]:focus, #boardpostpage input[type="password"]:focus, #boardpostpage textarea:focus { border-color: #a84c10; } .boardwrite { width: 100%; } .boardwrite td { } .boardwrite td.title { width: 60px; background: #F1E5C8; font-weight: bold; padding: 3px 10px; border-right: 2px solid #d1a26b; color: #a84c10; text-align: center; } .boardwrite td.value { padding: 3px 10px; } #boardwritepage .writetitle { padding-left: 10px; background: url('image/bullet-arrow.png') left 5px no-repeat; } #boardwritepage textarea { width: 600px !important; min-width: 600px;} #boardwritepage input[type="text"], #boardwritepage input[type="password"], #boardwritepage textarea { padding: 2px 4px; background: #fff; border: 1px solid #999999} #boardwritepage input[type="text"]:hover, #boardwritepage input[type="password"]:hover, #boardwritepage textarea:hover { border-color: #898989; } #boardwritepage input[type="text"]:focus, #boardwritepage input[type="password"]:focus, #boardwritepage textarea:focus { border-color: #a84c10; } #boardwritepage .submitbox { text-align: right; margin-top: 10px; } #boardwritepage .write { overflow: hidden; width: 120px; height: 0; padding: 35px 0 0 0; margin: 5px 0; display: inline-block; background: url('image/writebtn.png') left top no-repeat; } #boardwritepage .btn:hover { background-position: left center; } #boardwritepage .btn:active { background-position: left bottom; } /* Boards center */ #boardscenter .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/boardscenter.png') left top no-repeat; margin-bottom: 10px; } #boardscenter .allboard h3 { color: #7a1600; border-bottom: 2px dotted #F1E5C8; margin: 2px 0; padding: 3px 0; } #boardscenter .row { margin: 10px 0; } #boardscenter .col1 { width: 340px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #eee; float: left;} #boardscenter .col2 { width: 340px; float: left;} .boardbox { min-height: 140px;} .boardbox .title { border-bottom: 2px dotted #F1E5C8; padding: 3px 0; position: relative;} .boardbox h3 { margin: 0; color: #7a1600;} .boardbox .more { position: absolute; top:0; right: 0; margin-top: 3px;} .boardbox .more a { display: block; width: 50px; height: 0; padding-top: 20px; overflow: hidden; background: url('image/more-s.png') left top no-repeat; } .boardbox .more a:hover { background-position: left bottom; } .boardbox ul { margin: 5px 0 0 0; padding: 5px 0; list-style: none;} .boardbox ul li { background: url('image/bullet-arrow.png') 4px 4px no-repeat; padding: 0 0 0 15px; margin-bottom: 2px; } .boardbox ul li a { width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: #555} .boardbox ul li span { font-size: 7.5pt; color: #aaa; } .boardbox ul li.noitem { background: none; display: block; height: 200px; text-align: center; } .boardbox ul li.item + li.noitem { display: none; } /* support page */ #supportpage { } #supportpage .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/support.png') left top no-repeat; margin-bottom: 10px; width: 100%;} #supportpage .faqblock { width: 410px; float: right; overflow: hidden; margin-left: 20px;} #supportpage .faqblock .ctitle { background: url('image/titles/faq.png') left top no-repeat;} #supportpage .faqblock .more { margin-top: 18px;} #supportpage p { margin: 0 0 10px; padding: 0; } #supportpage p a { text-decoration: underline; color: #a84c10; } #supportpage p a:hover { text-decoration: underline; color: #7a1600; } h3.acc_trigger { padding: 0; margin: 0 0 5px 0; background: url('image/faqtitle-q.png') left top no-repeat #f1e5c8; height: 20px; width: 410px; font-weight: normal; } h3.acc_trigger:hover { background-color: #e7cc8b } h3.acc_trigger a { color: #a84c10; text-decoration: none; display: block; padding: 0 0 0 35px; font-size: 10pt; height: 20px; line-height: 20px; font-weight: bold;} h3.acc_trigger a:hover { color: #7a1600; } h3.active { background-color: #ce8836; color: #fff; background-position: left bottom;} h3.active:hover { background-color: #d1a26b } h3.active a { color: #fff;} h3.active a:hover { color: #fff;} .acc_container { margin: 0 0 5px; padding: 0; overflow: hidden; font-size: 1em; width: 410px; } .acc_container .block { padding: 0 10px 0 35px; background: url('image/faqtitle-a.png') left top no-repeat;} #supportpage .info { margin-top: 10px; } #supportpage .info a { display: block; width: 310px; height: 0; padding-top: 110px; overflow: hidden; } #supportpage .guide { background: url('image/supportbtns.png') left bottom no-repeat; } #supportpage .qna { background: url('image/supportbtns.png') left top no-repeat; } #supportpage .guide:hover { background-position: -320px bottom; } #supportpage .qna:hover { background-position: -320px top; } /* site guide */ #guide .ctitle { height: 40px; border-bottom: 2px dotted #F1E5C8; background: url('image/titles/guide.png') left top no-repeat; margin-bottom: 10px; width: 100%;} #guide ul { margin: 0; padding: 0; list-style: none;} #guide ul li { margin: 0; padding: 0 0 4px 15px; background: url("image/bullet-arrow.png") no-repeat left 4px; } /* bottom-content */ .bottom-content { background: #fff; border-top: 3px double #f1e3c7; padding: 10px; margin: 0 auto; width: 758px;} .noticebox { display: block; width: 235px; height: 145px; float: left; padding: 0; background: url('image/bottom-menu/notice-bg.png') left top no-repeat; margin-right: 5px; } .noticebox .title { display: block; width: 235px; height: 30px; position: relative; } .noticebox .title h3 { margin: 0; text-indent: -9000px; } .noticebox .title a { display: block; width: 235px; height: 0; position: absolute; left: 0; top: 0; border: none; padding-top: 30px; overflow:hidden; } .noticebox .title a:hover { background: url('image/bottom-menu/notice-bg.png') left -145px no-repeat;} .noticebox .title a img { border: none; display: none; } .noticebox ul { width: 220px; margin: 5px 0 0 0; padding: 5px 0; list-style: none;} .noticebox ul li { background: url('image/bullet-arrow.png') 4px 4px no-repeat; padding: 0 0 0 15px; margin-bottom: 2px; } .noticebox ul li a { width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .noticebox ul li span { font-size: 7.5pt; color: #aaa; } .buttons { display: block; width: 200px; padding-right: 5px; float: right;} .buttons .left { display: block; float: left; width: 115px;} .buttons .right { display: block; float: right;} .buttons a { background-color: #d1a26b; display: block; width: 115px; height: 0; padding-top: 70px; overflow: hidden;} .buttons a.events { background: url('image/bottom-menu/events.png') top left no-repeat; margin-bottom: 5px; } .buttons a.review { background: url('image/bottom-menu/review.png') top left no-repeat; } .buttons a.faq { background: url('image/bottom-menu/faq.png') top left no-repeat; width: 80px; padding-top: 145px} .buttons a.events:hover { background-position: bottom left; } .buttons a.review:hover { background-position: bottom left; } .buttons a.faq:hover { background-position: top right; } .customer-info { display: block; width: auto; float: right; } /* Recent product views */ #recent-views { width: 80px; background: transparent; color: #fff; right: -81px; padding: 5px 0; position: absolute;} #recent-views .top { display: block; width: 83px; height: 38px; background: url('image/recentviews/top.png') top left no-repeat; text-align: center;} #recent-views .bottom { display: block; width: 83px; height: 25px; background: url('image/recentviews/bottom.png') top left no-repeat; text-align: center; } #recent-views .box { display: block; width: 83px; background: url('image/recentviews/repeat.png') top left repeat-y; } #recent-views .total { display: inline-block; margin: 19px 0 0 0; text-transform: uppercase; font-size: 10px; color: #f1e5c8;} #recent-views .total .cnt { font-weight: bold; } #recent-views .scrolltop { height: 0; width: 50px; padding: 14px 0 0 0; margin-top: 3px; background: url('image/recentviews/gototop.png') center top no-repeat; overflow: hidden;} #recent-views .scrolltop:hover { background-position: center bottom;} #recent-views #prevButton { height: 0; width: 80px; padding: 10px 0 0 0; margin: 0; background: url('image/recentviews/updown.png') center top no-repeat; overflow: hidden; } #recent-views #prevButton:hover { background-position: center -10px; } #recent-views #prevButton:active { background-position: center -20px; } #recent-views #nextButton { height: 0; width: 80px; padding: 10px 0 0 0; margin: 0; background: url('image/recentviews/updown.png') center -30px no-repeat; overflow: hidden; } #recent-views #nextButton:hover { background-position: center -40px; } #recent-views #nextButton:active { background-position: center -50px; } #recent-views h3 { margin: 3px 0; color: #fff; display: none; } #thumbScroller { position: relative; height: 260px; overflow: hidden; padding: 0;} #thumbScroller .content { } #thumbScroller .content div { padding: 0 0 2px 0; height:100%; } #thumbScroller img { border: none; } /* ------- FOOTER -------- */ #footer { margin: 0; padding: 0; background: url('image/footer.jpg') center bottom no-repeat; height: 180px; position: relative;} #footer .box { width: 740px; margin: 0 auto; padding: 20px; } #footer .ggumlink { display: block; width: 95px; height: 0; padding-top: 50px; float: left; margin-top: 30px; overflow: hidden;} #footer .links { margin: 5px 0 0 110px; padding: 0; list-style: none; } #footer .links li { display: inline-block; margin-left: 4px; } #footer .links li a { display: block; height: 2px; font-size: 8pt; color: #fff; padding-top: 20px; overflow: hidden; } #footer .links li.home { width: 15px;} #footer .links li.about { width: 43px;} #footer .links li.terms { width: 43px;} #footer .links li.privacy { width: 80px;} #footer .links li.help { width: 45px;} #footer .inicislink { display: block; width: 70px; height: 0; padding-top: 70px; overflow: hidden; position: absolute; right: 143px; top: 45px; } /* ------- jQuery selectbox -------- */ .selectbox-ctnr { float: left; } .ddn { margin: 0px 5px 10px 0px; padding-left:2px; font-family: Arial, Nanum, 돋움, sans-serif; font-size:9pt; width:auto; min-width:80px; text-align: left; background: url('image/selectbox-arrow.png') right top no-repeat #fff; height:18px; border: 1px solid #d1a26b; color:#333; padding-right: 20px; cursor: default;} .ddn:hover, .ddn:focus { background-position: right -18px; } .ddn:active { background-position: right -36px; } .ddn-container { position: absolute; width:auto; min-width:100px; background-color:white; border:1px solid #d1a26b; margin:0px; margin-top:-10px; padding:0px; font-family: Arial, Nanum, 돋움, sans-serif; font-size:9pt; ; text-align:left; max-height:200px; overflow:auto; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.3); box-shadow: 0 3px 8px rgba(0,0,0,0.3); padding: 1px; z-index: 100; } .ddn-item { padding: 2px; cursor: default;} .ddn-item-hover { background-color: #ead5b5; color: #a84c10;} td {font-size:12px; color:#555555;} input[type="text"], input[type="password"] {font-size:12px; color:#444444; border: 1px solid #999;} select {font-size:12px; color:#444444; border-style:solid; border-width:1px; border-color:#999999; background-color:#F9F9F9;} textarea {font-size:12px; color:#444444; border-style:solid; border-width:1px; border-color:#999999; background-color:#F9F9F9;} textarea.line {background-image: url(image/textarea_line.gif);} input.btn_large_01 {background-image:url(image/btn_large_01.gif); width:90px; height:24px; padding-top:3; text-align:center; border-color:white; border-style:none; cursor:hand;} input.btn_large_02 {background-image:url(image/btn_large_02.gif); width:90px; height:24px; padding-top:3; padding-left:6; text-align:center; border-color:white; border-style:none; cursor:hand;} input.btn_middle_01 {background-image:url(image/btn_middle_01.gif); width:70px; height:19px; padding-top:3; text-align:center; border-color:white; border-style:none; cursor:hand;} input.btn_small_01 {background-image:url(image/btn_small_01.gif); width:31px; height:19px; padding-top:3; text-align:center; border-color:white; border-style:none; cursor:hand;} font.title_logo {font:20px; font-weight:bold; color:#547CBC;} font.title_page {color:#547CBC;} font.title_table {font-weight:bold; color:#547CBC;} span.notice {color:#FF6600;} table.page_main {background-color:#7296CF;} table.page_box {background-color:#FFFFFF; border:1px solid #7296CF;} td.page_menu {background-color:#90AEDC;} td.menu {color:#547CBC;} table.main {background-color:#C8C8C8;} table.box {background-color:#FFFFFF; border:1px solid #dbdbdb} tr.title {background-color:#ECECEC; text-align:center} tr.list {background-color:#FFFFFF;} td.title {background-color:#ECECEC; text-align:center} td.value {background-color:#FFFFFF;} td.title_title {background-color:#DCDCDC;} td.value_title {background-color:#ECECEC;} td.dotline {background-image:url(image/bg_dot_gray.gif); height: 1px;} /***** Category Items - start *****/ font.main_cate{font-weight:bold;} font.goodslist_cate_pass {font-weight:bold;} font.goodslist_cate {font-weight:bold;} font.goodslist_cate_sub {font-weight:bold;} /***** Category Items - end *****/ /* Price */ .price_o_main { color: #aaa; text-decoration: line-through; padding-right: 10px; background: url('image/bullet-tri.png') right center no-repeat; margin-right: 1px !important; } .price_r_main { color: #ED6642;} .price_o_list { color: #aaa; text-decoration: line-through; padding-right: 10px; background: url('image/bullet-tri.png') right center no-repeat; margin-right: 1px !important; } .price_r_list { color: #ED6642;} .price_o_view { color: #aaaaaa; font-weight:bold; text-decoration: line-through; display: block;} .price_r_view { color: #ED6642; font-weight:bold; font-size:1.4em; } .price_o_view + .price_r_view { padding-left: 100px; } .price_o { color: #aaaaaa; text-decoration: line-through; padding-right: 10px; background: url('image/bullet-tri.png') right center no-repeat; margin-right: 1px } .price_r { color: #ED6642;} .point_o_main { text-decoration:line-through; color: #8dc63f; } .point_r_main { } .point_o_list { text-decoration:line-through;} .point_r_list { color: #8dc63f; padding-right: 14px; background: url('image/item-block/icon-point.png') right center no-repeat; } .point_o_view { text-decoration:line-through; display: none; padding-right: 14px; background: url('image/item-block/icon-point.png') right center no-repeat;} .point_r_view { color: #8dc63f; padding-right: 14px; background: url('image/item-block/icon-point.png') right center no-repeat;} .point_o { text-decoration:line-through;} .point_r { } select.trans_view{} /***** Goods Items - end *****/ .p5 {padding:5px;} .p3 {padding:3px;} .p10 {padding:10px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl40 {padding-left:40px;} .pr10 {padding-right:10px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pb5{padding-bottom:5;} td.box {background-color:#FFFFFF; border:1px solid #dbdbdb;padding:5px;} a.f8 :link { text-decoration:none;font-size:8pt; font-family:돋움; color:#666666;} a.f8 :visited {font-size:8pt; font-family:돋움; color:#666666; text-decoration:none;} a.f8 :active {font-size:8pt; font-family:돋움; color:#666666; text-decoration:none;} a.f8 :hover {font-size:8pt; font-family:돋움; color:#666666; text-decoration:none;} .f8 {font-size:8pt; font-family:돋움;} .text_stick{color:#e5e5e5; font-weight:bold;} a.bmenu:link { text-decoration:none;font-size:11pt; font-family:굴림; color:#ffffff; font-weight:bold;} a.bmenu:visited {font-size:11pt; font-family:굴림; color:#ffffff; font-weight:bold; text-decoration:none;} a.bmenu:active {font-size:11pt; font-family:굴림; color:#ffffff; font-weight:bold; text-decoration:none;} a.bmenu:hover {font-size:11pt; font-family:굴림; color:#ffffff; font-weight:bold; text-decoration:none;} .bmenu{font-size:11pt; font-family:굴림; color:#ffffff; font-weight:bold;} a.cate:link {color:#666666;font-weight:bold; text-decoration:none;} a.cate:visited {color:#666666;font-weight:bold; text-decoration:none;} a.cate:active {color:#666666;font-weight:bold; text-decoration:none;} a.cate:hover {color:#666666;font-weight:bold; text-decoration:none;} .cate{color:#666666;font-weight:bold;} a.box:link {color:#666666; text-decoration:none;} a.box:visited {color:#666666; text-decoration:none;} a.box:active {color:#666666;text-decoration:none;} a.box:hover {color:#666666;text-decoration:none;} .box{color:#666666;} .wh{color:#ffffff;font-weight:bold;} a.wh:link {color:#ffffff;font-weight:bold; text-decoration:none;} a.wh:visited {color:#ffffff;font-weight:bold; text-decoration:none;} a.wh:active {color:#ffffff;font-weight:bold; text-decoration:none;} a.wh:hover {color:#ffffff;font-weight:bold; text-decoration:none;} .navi {font-size : 8pt ;color:#666666 ; FONT-FAMILY: "돋움";background-image:url(home/skin_orangeimage/navi_bg.gif);} .pro_tit {color:#666666; font-size:11pt;} .pro_bg {background-image:url(shop/skin_orangeimage/pro_bg.gif)} .left_m {color:#666666; font-size:11pt;FONT-FAMILY: "굴림";font-weight:bold;padding-left:25px;} .c_box {background-color:#FFFFFF; border:1px solid #dbdbdb;} /* * jQuery Nivo Slider v2.1 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position: relative; } .nivoSlider img { position:absolute; top: 0; left: 0;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important;} .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { background: url("image/nivoslider/arrows.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; height: 30px; text-indent: -9999px; width: 30px; cursor: pointer; position: absolute; top: 50%; z-index: 99;} .nivo-directionNav a.nivo-prevNav { left: 5px; } .nivo-directionNav a.nivo-nextNav { background-position: -30px 0; right: 5px; } .nivo-directionNav a.nivo-prevNav:hover { background-position: 0 -30px; } .nivo-directionNav a.nivo-nextNav:hover { background-position: -30px -30px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { top: 5px; right: 5px; position: absolute; z-index: 150; } .nivo-controlNav a { background: url("image/nivoslider/bullets.png") no-repeat scroll 0 0 transparent; border: 0 none; display: block; float: left; height: 10px; margin-right: 2px; text-indent: -9999px; width: 10px; cursor: pointer;} .nivo-controlNav a.active { background-position: -10px 0; } .nivo-controlNav a:hover { background-position: -20px 0; } .nivo-controlNav a.active:hover { background-position: -30px 0; }