#wrap { margin: 0 auto; width:902px;} /* header */ #header { margin-bottom: 0px; width: 900px; border:1px solid #EAEAEA;} #header .top { height: 99px; overflow:hidden;} #header .top h1.logo { float:left; margin: 19px 0 0 0; padding: 0px; width: 391px; font: 900 2em verdana; } #header .top .gnb { float: right; width:500px;} dl.gnbmenu { margin: 0px; margin-top: 5px; margin-right: 5px; padding: 0px; float: right; } dl.gnbmenu dd { margin: 0px; padding: 0px; padding-right: 6px; margin-left: 5px; float: left; background: url('../imgs/gnbbar_bg.gif') right 0px no-repeat; } dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; } /* search out */ #topcomMenu{ margin:0; padding:0; width:900px; height:27px; overflow:hidden; background: url('../imgs/topgnb_bg.gif') left top no-repeat;} #topcomMenu .naviBar { clear: both; float:left; margin: 0px; padding: 0px; width: 606px; height: 27px;} #topcomMenu ul#navi { margin: 0px; padding: 0px 0px 0px 0px; width:606px; height: 27px; list-style: none; } #topcomMenu ul#navi li { float: left;} /*navi_brand*/ #topcomMenu ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width:103px; height: 27px; } #topcomMenu ul#navi li.menu1 a { display: block; width:103px; height: 27px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navibt_001.gif') no-repeat; } #topcomMenu ul#navi li.menu1 a:hover { background-position: 0px 0px; } #topcomMenu ul#navi li.menu1 a.over { background-position: 0px 0px; } /*collection*/ #topcomMenu ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 130px; height:27px; } #topcomMenu ul#navi li.menu2 a { display: block; width: 130px; height: 27px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navibt_002.gif') no-repeat; } #topcomMenu ul#navi li.menu2 a:hover { background-position: 0px 0px; } #topcomMenu ul#navi li.menu2 a.over { background-position: 0px 0px; } /* onlyshop */ #topcomMenu ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 137px; height: 27px; } #topcomMenu ul#navi li.menu3 a { display: block; width: 137px; height: 27px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navibt_003.gif') no-repeat; } #topcomMenu ul#navi li.menu3 a:hover { background-position: 0px 0px; } #topcomMenu ul#navi li.menu3 a.over { background-position: 0px 0px; } /* blog */ #topcomMenu ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 97px; height: 27px; } #topcomMenu ul#navi li.menu4 a { display: block; width: 97px; height: 27px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navibt_004.gif') no-repeat; } #topcomMenu ul#navi li.menu4 a:hover { background-position: 0px 0px; } #topcomMenu ul#navi li.menu4 a.over { background-position: 0px 0px; } /* community */ #topcomMenu ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 139px; height: 27px; } #topcomMenu ul#navi li.menu5 a { display: block; width: 139px; height: 27px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/navibt_005.gif') no-repeat; } #topcomMenu ul#navi li.menu5 a:hover { background-position: 0px 0px; } #topcomMenu ul#navi li.menu5 a.over { background-position: 0px 0px; } #topcomMenu .sureZone{float:left; width:160px; text-align:right; padding:6px 10px 0 0px;} *html #topcomMenu .sureZone{float:left; width:150px; text-align:right; padding:4px 10px 0 0px;} #topcomMenu .searchArea{float:right; margin:0; padding:0; width:113px; padding:4px 10px 0 0px;} *html #topcomMenu .searchArea{float:right; margin:0; padding:4px 4px 0 0px; width:110px;} /*search */ #formTopSearch { float: right; margin-top:2px; margin-right:4px; border:1px solid #ccc; width:113px; height:14px; } *html #formTopSearch { float: right; margin-top:2px; margin-right:2px; border:1px solid #ccc; width:113px; height:14px;} #formTopSearch fieldset.info { margin: 0px; padding: 0px; border: 0px; width: 115px; height: 13px; } #formTopSearch fieldset.info .keyword {float:right; margin: 0px; padding:0; border: 0px; width: 94px; height: 14px; font-size:10px; color: #393939; background: none; } #formTopSearch fieldset.info .searchBt { display: block; margin: 0px; padding: 0px; width: 15px; height: 13px; overflow: hidden; } /* container */ #container { float: left; width:902px; height: 100%; overflow: hidden; background:url('../imgs/content_bg.gif') repeat-y 0px 10px;} #container2 { float: left; width:902px; height: 100%; overflow: hidden; background:url('../imgs/content_bg2.gif') repeat-y 0px 10px;} .bgNone { background: none; } /* side */ #container .sidebar { float: left; padding-top:55px; padding-bottom:50px; width:158px; height: 100%; overflow: hidden; } /*side cate menu item */ ul#subcateMenu{list-style:none; width:144px; margin-left:9px; padding:0;} #subcateMenu li.submenu1 { display: block; margin: 0px; padding: 0px; width:144px; height: 31px; } #subcateMenu li.submenu1 a { display: block; width:144px; height: 31px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_001.gif') no-repeat; } #subcateMenu li.submenu1 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu1 a.over { background-position: 0px 0px; } #subcateMenu li.submenu2 { display: block; margin: 0px; padding: 0px; width:144px; height: 31px; } #subcateMenu li.submenu2 a { display: block; width:144px; height: 31px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_002.gif') no-repeat; } #subcateMenu li.submenu2 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu2 a.over { background-position: 0px 0px; } #subcateMenu li.submenu3 { display: block; margin: 0px; padding: 0px; width:144px; height: 35px; } #subcateMenu li.submenu3 a { display: block; width:144px; height: 35px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_003.gif') no-repeat; } #subcateMenu li.submenu3 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu3 a.over { background-position: 0px 0px; } #subcateMenu li.submenu4 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #subcateMenu li.submenu4 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_004.gif') no-repeat; } #subcateMenu li.submenu4 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu4 a.over { background-position: 0px 0px; } #subcateMenu li.submenu5 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #subcateMenu li.submenu5 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_005.gif') no-repeat; } #subcateMenu li.submenu5 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu5 a.over { background-position: 0px 0px; } #subcateMenu li.submenu6 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #subcateMenu li.submenu6 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_006.gif') no-repeat; } #subcateMenu li.submenu6 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu6 a.over { background-position: 0px 0px; } #subcateMenu li.submenu7 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #subcateMenu li.submenu7 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_007.gif') no-repeat; } #subcateMenu li.submenu7 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu7 a.over { background-position: 0px 0px; } #subcateMenu li.submenu8 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #subcateMenu li.submenu8 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/subcate_008.gif') no-repeat; } #subcateMenu li.submenu8 a:hover { background-position: 0px 0px; } #subcateMenu li.submenu8 a.over { background-position: 0px 0px; } /*side community menu item */ ul#communityMenu{list-style:none; width:144px; margin-left:9px; padding:0;} #communityMenu li.communitymenu1 { display: block; margin: 0px; padding: 0px; width:144px; height: 32px; } #communityMenu li.communitymenu1 a { display: block; width:144px; height: 32px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/community_left_001.gif') no-repeat; } #communityMenu li.communitymenu1 a:hover { background-position: 0px 0px; } #communityMenu li.communitymenu1 a.over { background-position: 0px 0px; } #communityMenu li.communitymenu2 { display: block; margin: 0px; padding: 0px; width:144px; height: 29px; } #communityMenu li.communitymenu2 a { display: block; width:144px; height: 29px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/community_left_002.gif') no-repeat; } #communityMenu li.communitymenu2 a:hover { background-position: 0px 0px; } #communityMenu li.communitymenu2 a.over { background-position: 0px 0px; } #communityMenu li.communitymenu3 { display: block; margin: 0px; padding: 0px; width:144px; height: 29px; } #communityMenu li.communitymenu3 a { display: block; width:144px; height: 29px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/community_left_003.gif') no-repeat; } #communityMenu li.communitymenu3 a:hover { background-position: 0px 0px; } #communityMenu li.communitymenu3 a.over { background-position: 0px 0px; } #communityMenu li.communitymenu4 { display: block; margin: 0px; padding: 0px; width:144px; height: 31px; } #communityMenu li.communitymenu4 a { display: block; width:144px; height: 31px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/community_left_004.gif') no-repeat; } #communityMenu li.communitymenu4 a:hover { background-position: 0px 0px; } #communityMenu li.communitymenu4 a.over { background-position: 0px 0px; } #communityMenu li.communitymenu5 { display: block; margin: 0px; padding: 0px; width:144px; height: 33px; } #communityMenu li.communitymenu5 a { display: block; width:144px; height: 33px; text-indent: -100em; text-decoration: none; overflow: hidden; background: url('../imgs/community_left_005.gif') no-repeat; } #communityMenu li.communitymenu5 a:hover { background-position: 0px 0px; } #communityMenu li.communitymenu5 a.over { background-position: 0px 0px; } /* sub */ #container #contents { float: left; margin: 20px 0px 0px 0px; width: 742px; height: 100%; overflow: hidden;} #container .headTitle { margin:24px 0 24px 20px; width:400 px; overflow: hidden; clear:both;} #container .headTitle img {margin: 0px 0px 0px 0px; } /* footer */ #footer { clear: both; margin-bottom: 20px; padding-top:20px; width: 902px; height: 120px; background: #fff url('/app/views/common/imgs/bottom_topbg.gif') no-repeat center 66px; border-top:1px solid #F4F1F1; margin:0 auto;} #footer .callinfo{background:#F6F6F6; text-align:right; margin-bottom:30px;} #footer .logo { margin: 0px 0px 0px 0px; padding: 0px; float: left; width: 300px;} #footer .sitemenu { height: 23px; float:left; } #footer .sitemenu ul { float: left; margin: 0px; padding: 0px; padding-top: 0px; list-style: none; } #footer .sitemenu ul li { float: left; margin-right: 0px; } #footer .sitemenu ul li a { color: #666; } /* modal login */ #formAjaxLogin { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px; text-align: right; } #formAjaxLogin .login { margin-right: 28px; } #formAjaxLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #fff; } #formAjaxLogin fieldset label { font-weight: 900; } #formAjaxLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; } #formAjaxLogin fieldset.id img { vertical-align: middle; } #formAjaxLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; } #formAjaxLogin fieldset.passwd img { vertical-align: middle; } #formAjaxLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; } #formAjaxLogin fieldset.openId img { vertical-align: middle; } #formAjaxLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; } #formAjaxLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; } #formAjaxLogin fieldset.button .useOpenId input { vertical-align: middle; } #formAjaxLogin p.button { margin: 0px; padding: 0px; margin-bottom: -10px; margin-top: 10px; padding: 5px; padding-right: 10px; padding-top: 8px; height: 16px; color: #b3b3b3; font-size: 0.92em; background-color: #e9e9e9; text-align: right; } #formAjaxLogin p.button a { color: #555; } #formAjaxLogin p.button a:hover { text-decoration: underline; } /* autocomplete */ .autocomplete-w1 { position: absolute; top: 0px; left: 0px; margin: 8px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; } .autocomplete { border: 1px solid #999; background: #fff; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; } .autocomplete .selected { background: #f0f0f0; } .autocomplete div { padding: 2px 5px; white-space: nowrap; } .autocomplete strong { font-weight: 100; color: #3399ff; }