/*============================================================================== / created by: Kang, Mun Bok (mb@hostsmb.com, www.penguinsoft.co.kr) / optimized for : dezignercms.com, easy and professional content management / date modified : 2009/03/02 / date: 2008/08/25 / license : Creative Commons Attribution 2.5 License. / credits: many ideas borrowed from www.styleshout.com and www.solucija.com www.dynamicdrive.com and other sources ==============================================================================*/ /** ------------------------------------------------------------------------- common features import, @ import should be always come first -----------------------------------------------------------------------------*/ /* @import url(http://client.dezignercms.com/designer/css/common.css */ /** ------------------------------------------------------------------------- body area for overall properties -----------------------------------------------------------------------------*/ body {margin:0; padding:0; font: 1.2em/1.5em Helvetica, Arial; border-top: 0.5em solid #046b9d} /** ------------------------------------------------------------------------- alignment of content area, left, center or right -----------------------------------------------------------------------------*/ #container {margin: 5px; padding:0} #skipnav {color:#046b9d} /** ------------------------------------------------------------------------- north area -----------------------------------------------------------------------------*/ #north {height:120px; margin: 2px; padding:0} #language {margin: 1px; padding:0; border-top:1px solid #ccc; border-bottom:2px solid #000} #korea {color: #8dc63f } #australia {color: #8dc63f } #japan {color: #8dc63f } ul#menutop {margin: 1px 0 10px 0; padding:0} ul#menutop li { display: block; float: left; font-size: 1em; padding:0 } ul#menutop li a {margin: 1px; padding:0} ul#menutop li a:hover {margin: 1px; padding:0} ul#menutop li.clicked a {margin: 1px; padding:0} ul#menutop li span {margin: 1px; padding:0} ul#menuside {margin:0 0 10px} ul#menuside li {list-style-type:none; line-height:50px; border-bottom:1px dashed #ddd} ul#menuside li a {color:#046b9d; padding:0 0 0 10px } ul#menuside li a:hover {border-left:7px solid #0078F0; padding:0 0 0 10px; font-weight:bolder; color:#046b9d} ul#menuside li.clicked a {border-left:7px solid #046b9d; padding:0 0 0 10px ; font-weight:bolder; color:#046b9d} #north-left {height:50px; margin: 0} #north-left img {float:left; margin:20px 0 10px 0} #north-right {margin:0 0 20px 0} #keymessage {background-image:none; padding:0} #keymessage p {background-image:none; height:20px; margin:20px 0 0 0; padding:0; font:italic bold 1.2em/1.5em Arial; color:#04859D} /** ------------------------------------------------------------------------- west area ------------------------------------------------------------------------------*/ #west {margin: 0; padding:0; min-height:5px} #west p {margin: 0; padding:0 } #west a {color: #000;} #west a:hover {color: #046b9d; text-decoration:underline } #west h2 {display:none; color:#fff; background:#046b9d; text-align:center; font-weight:bolder; font-size:0.1em; padding:0; margin:00} #west h3, #west h3 a, #west h3 a:hover {display:none; font-weight:normal; font-size:0.1em; margin: 0; padding:0;} ul#menuside {margin:0 0 10px} ul#menuside li {list-style-type:none; line-height:50px; border-bottom:1px dashed #ddd} ul#menuside li a {color:#046b9d; padding:0 0 0 10px } ul#menuside li a:hover {border-left:7px solid #0078F0; padding:0 0 0 10px; font-weight:bolder; color:#046b9d} ul#menuside li.clicked a {border-left:7px solid #046b9d; padding:0 0 0 10px ; font-weight:bolder; color:#046b9d} #latestnews {display:none; margin: 0; padding:0; border-top:3px solid #046b9d; border-bottom:2px solid #eee} #latestnews h4,#latestnews h4 a,#latestnews h4 a:visited,#latestnews h4 a:hover {display:none; font-weight:bolder; font-size:1.0em; margin: 0; padding:0; } #latestnews p {display:none; font: normal 0.93em/1.5em Arial; margin: 0; padding:0; border-top:1px dashed #ddd } #latestnews span {display:none; color:#999; margin: 0; padding:0;font-size:0.9em} #download margin: 0; padding:0; border-top:3px solid #046b9d; border-bottom:2px solid #eee} #download h4,#download h4 a,#download h4 a:visited,#download h4 a:hover { font-weight:bolder; font-size:1.0em; margin: 0; padding:0} #download p {background:transparent url(../images/icon/icon_disk.png) no-repeat left; font: normal 0.95em/1.5em Arial;margin: 0; padding:0;border-top:1px dashed #ddd } /** ------------------------------------------------------------------------- center area ------------------------------------------------------------------------------*/ #center {margin: 5px; padding:0} #center a {border-bottom:0px dashed #000} #center a:hover {color: #046b9d; border-bottom:0px dashed #046b9d; text-decoration:none } #center h1 {border-top:4px solid #ddd; margin:0; padding: 0; color:#0B5E4A } #center p {font:normal 1.2em/2.0em arial; margin: 0 } /* bullets and numbers ------------------------------------------------------------------------*/ #center ul li {font-size:1.2em; color: #4B4B4B} #center ol li {font-size:1.2em; color: #4B4B4B} /* products related ------------------------------------------------------------------------*/ #pbox {margin:30px 0; padding:10px; width:600px; clear:both } #pbox img {float:left; border:2px solid #ddd; margin:0 20px 20px 0; padding:5px; background:#fff} #pbox a:hover img {float:left; border:2px solid #336699; margin:0 20px 20px 0; padding:5px; background:#eee} #pbox img.view {border:2px solid #ddd; margin:0 20px 20px 0; padding:5px; background:#fff} #pbox h2, #pbox h2 a, #pbox h2 a:hover {margin:15px 0 0 0; font-weight:bolder; font-size:1.2em; color:#046b9d} #pbox h3 {font-size:1.2em; font-weight:normal} #pbox .plist, #pbox .plist a, #pbox .plist a:hover {font-size:1.0em; font-weight:bolder; clear:both} #pbox p {clear:both} #pbox a {color: #046b9d; text-decoration:none} #pbox a:hover {color: #046b9d; text-decoration:underline } /* news related css ------------------------------------------------------------------------*/ #news {margin:15px 0 15px} #news h2 {margin:10px 0 7px 0; font-weight:bolder; font-size:1.5em; color:#046b9d; border-top:1px dashed #999 } #news h3 {clear:both; font-weight:normal; font-size:1.2em; margin: 7px 0 7px 0 } #news .newsbody {font-size:1.2em; margin: 0 0 20px 0; line-height:180% } #news .newsdate {font-size:0.85em; color:#999; margin:0 #news a {color: #046b9d; text-decoration:none} #news a:hover {color: #046b9d; text-decoration:underline } /* image gallery ------------------------------------------------------------------------*/ #gallery {margin:10px 0; clear:both} #gallery .box {width:170px; height:170px; float:left; text-align: center; margin:5px 10px 35px 10px} #gallery img {width:150px; height:100px; background:#fff; border:3px solid #ddd; display: block; vertical-align:top; padding:5px } #gallery a:hover img {width:150px; height:100px; background:#eee; border:3px solid #336699; display: block; vertical-align:top; padding:5px } #gallery p {width:150px; margin:5px 0 0 0; font-size: 0.95em; color:#3d3d3d; line-height:120%; } /* pagination & navigation ------------------------------------------------------------------------*/ #pagination p {font-weight:bolder; font-size:1.0em; color:#046b9d; } #navigation p {font-weight:bolder; font-size:1.5em; color:#046b9d; } /** ------------------------------------------------------------------------- center2 area ------------------------------------------------------------------------------*/ #center2 {background-color:#fff; color:#4A4A4A; clear:both} #center2 a {color: #000;} #center2 a:hover {color: #046b9d; text-decoration:underline } #center2 span {margin:0 0 0 10px; background:#fff} #center2-left {width:100%; margin:0 } #center2-left h3 {font-weight:bolder; font-size:0.95em; padding:10px 0 0 0; margin:10px 0 5px 0; border-top:3px solid #046b9d; } #center2-left p {font: normal 0.95em/1.5em Arial} #download {margin:10px 0; padding:0; border-bottom:2px solid #eee} #download h4,#download h4 a,#download h4 a:visited,#download h4 a:hover {font-weight:bolder; font-size:1.0em; margin:0 } #download p {background:transparent url(../images/icon/icon_disk.png) no-repeat left; font: normal 0.95em/1.5em Arial; margin:0; padding:0 ; border-top:1px dashed #ddd } #download ul li {list-style:none; padding:5px 0 5px 0; color: #4B4B4B; border-bottom:1px dashed #ccc } #download ul li a {list-style:none; padding:5px 0 5px 0; color: #4B4B4B} #center2-center {margin:0} #center2-center h3 {font-weight:bolder; font-size:0.95em; padding:10px 0 0 0; margin:10px 0 15px 0; border-top:3px solid #046b9d; } #center2-center p {font: normal 1.1em/1.5em Arial; margin:5px 0; padding:3px 0; border-bottom:1px dashed #ccc} #center2-right {float:right; width:300px; margin:0 0 30px 0} #center2-right h1 {font-weight:bolder; font-size:1.2em; padding:10px 0 0 0; margin:10px 0 15px 0; border-top:3px solid #046b9d; } #center2-right h3 {font-weight:bolder; font-size:1.0em; border-top:1px solid #000; margin:15px 0 7px 0} #center2-right p {line-height:150%} /** ------------------------------------------------------------------------- south area ------------------------------------------------------------------------------*/ #south {margin:5px;border-top:3px solid #046b9d;text-align:center} #south a:hover {text-decoration:underline} #south1 {color:#000; clear: both; font-weight:bolder; margin:20px 0 0 0} #south2 {color:#000; text-decoration:none}