﻿body
{
    background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family : SimSun; 
	font-size:12px;
    color: #151515;
    line-height: 14pt;
}

td
{
    font-family : SimSun; 
	font-size:12px;
    color: #151515;
    line-height: 14pt;
}

.newproductbox
{
    width: 644px;
    height: 155px;
    border: solid 3px #EDEDED;
}

.tx8pt12em {  font-size: 8pt; color: #151515;  line-height: 12pt}
.tx8pt13em {  font-size: 8pt; color: #151515;  line-height: 13pt}
.tx9pt11em {  font-size: 9pt; color: #151515;  line-height: 11pt}
.tx9pt12em {  font-size: 9pt; color: #151515;  line-height: 12pt}
.tx9pt14em {  font-size: 9pt; color: #151515;  line-height: 14pt}
.tx9pt14emWhiteTxt {  font-size: 9pt; color:White;  line-height: 14pt}
.tx9pt16em {  font-size: 9pt; color: #151515;  line-height: 16pt}
.tx9pt18em {  font-size: 9pt; color: #151515;  line-height: 18pt}
.input {  font-size: 9pt; color: #151515;  line-height: 14pt}
.tx10pt16em {  font-size: 10pt; color: #151515;  line-height: 16pt}
.tx10pt16em {  font-size: 10pt; color: #151515;  line-height: 16pt}
.tx10pt18em {  font-size: 10pt; color: #3e9b03;  line-height: 18pt}
.tx14pt16em {  font-size: 14pt; color: #151515;  line-height: 16pt}
.tx12pt16em {  font-size: 12pt; color: #151515;  line-height: 16pt}
.tx12pt18em {  font-size: 12pt; color: #151515;  line-height: 18pt}
.tx14pt20em {  font-size: 14pt; color: #151515;  line-height: 20pt}
.tx16pt20em {  font-size: 16pt; color: #151515;  line-height: 20pt}
.tx18pt20em {  font-size: 18pt; color: #151515;  line-height: 20pt}
.tx19pt21em {  font-size: 19pt; color: #151515;  line-height: 21pt}
    
a:link{text-decoration:none;color:#151515;}
a:visited{text-decoration:none;color:#151515;}
a:active{text-decoration:none;color:#FF3399;}
a:hover{text-decoration:underline;color:#FF3399;}

.style1 {color: #FFFFFF}
.style3 {color: #66FF00}
.style4 {color: #c0c0c0}

.style4 a
{
    color:#c0c0c0;
}
.style4 a:visited
{
    color:#c0c0c0;
}

.style9
{
    color: #336699;
    font-weight: bold;
}
.style12 {color: #3366CC}
.style13 {color: #FF6600; font-weight: bold; }
.style14 {color: #FF3366}
.style15 {color: #FFFFFF;font-weight: bold;}
.contenttitletext {color: #3366CC;font-weight: bold;}
.style19 {color: #151515}
.style20 {color: #FF3300}
.style16 {color: #2458af;font-weight: bold;}
.style17 {color: #2458af}

.gridTitle{color:White;font-weight:bold;}
.errormessage{color: Red;}
.scrollboxtext {color: #336699;}
.carttitle {color: #FFFFFF; font-weight: bold; }

.hidden
{
    visibility:hidden;
}

#apDiv1 {
	position:absolute;
	width:406px;
	height:491px;
	z-index:1;
}


/* 아이라벨 스타일 끝 */

#header
{
   padding: 0px;
   width: 860px;
   height: 106px;
   margin-left: auto;
   margin-right: auto;
}

#toplogo
{
    position: relative;
    top: 0px;
    left: 0px;
}

#toplogoside
{
    position: relative;
    top: -63px;
    left: 215px;
}

#welcomebox
{
    position: relative;
    top: -117px;
    left: 395px;
    width: 176px;
    text-align: right;
}

#topnavi
{
    position: relative;
    width: 284px;
    top: -145px;
    left: 576px;
}

#mainnavi
{
    position: absolute;
    top: 63px;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}

#header2
{
    position: relative;
    width: 860px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Images/top_bottom_bg.gif);
}

#noticeroll
{
    width: 14px;
    height: 20;
    margin-left: 12px;
    margin-top: 9px;
}

#noticeroll2
{
    position: relative;
    width: 276px;
    height: 20;
    top: -14px;
    left: 36px;
}

#headersearchimg
{
    position: relative;
    width: 64px;
    height: 29;
    top: -40px;
    left: 320px;
}

#headersearchtextbox
{
    position: relative;
    width: 85px;
    height: 29;
    top: -67px;
    left: 407px;
}

#headersearchbutton
{
    position: relative;
    width: 360px;
    height: 29;
    top: -94px;
    left: 492px;
}

#maincontainer12
{
    position:relative;
    width: 860px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
}

#maincontainer24
{
    position:relative;
    width: 860px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
}

#main1
{
    width: 860px;
    height: 135px;
}

#mainlogin
{
    width: 215px;
    height: 135px;
    margin-top:-135px;
    margin-left: 645px;
}

#mainsearchtxtbox
{
    position: relative;
    top: 48px;
    left: 23px;
}

#mainsearchsearchbtn
{   
    position: relative;
    top: 26px;
    left: 145px;
}

#mainsearchhelp
{
    position: relative;
    top: 31px;
    left: 39px;
}    

#mainsearchmemberbought
{
    position: relative;
    top: 34px;
    left: 5px;
}

#mainbanner
{
    width: 406px;
    height: 135px;
    margin-top:-135px;
    margin-left: auto;
    margin-right: auto;
}

#mainswbanner
{
    width: 215px;
    height: 135px;
    margin-left: -645px;
}

#size_scrollbox
{
    background-color: White;
    margin-top:5px;
    width: 162px;
    height: 153px;
    overflow: auto;
    padding: 0px 5px 0px 5px;
    text-align: left;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#size_scrollbox a
{
    text-decoration: none;
    color:#336699;
}

#size_scrollbox a:hover
{
    text-decoration: underline;
    color:#336699;
}

#use_scrollbox
{
    background-color: White;
    margin-top:5px;
    width: 162px;
    height: 153px;
    line-height:16pt;
    overflow: auto;
    padding: 0px 5px 0px 5px;
    text-align: left;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#use_scrollbox a
{
    text-decoration: none;
    color:#336699;
}

#use_scrollbox a:hover
{
    text-decoration: underline;
    color:#336699;
}

#matt_scrollbox
{
    background-color: White;
    width: 186px;
    height: 130px;
    margin-top:5px;
    line-height:16pt;
    overflow: auto;
    padding: 0px 5px 0px 5px;
    text-align: left;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#col_scrollbox
{
    background-color: White;
    margin-top:5px;
    width:155px;
    height:153px;
    overflow:auto;
    padding: 0px 5px 0px 5px;
    text-align: left;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

#col_scrollbox a
{
    text-decoration: none;
    color:#336699;
}

#col_scrollbox a:hover
{
    text-decoration: underline;
    color:#336699;
}

#main_OtherProduct
{
    background-color: #f5f5f5;
    margin-top:0px;
    width:180px;
    height:65px;
    line-height:15pt;
    padding:5px;
    text-align: left;
}

#main_OtherProduct a
{
    text-decoration: none;
    color:#336699;
}

#main_OtherProduct a:hover
{
    text-decoration: underline;
    color:#336699;
}

#footer
{
    padding: 0px;
    width: 860px;
    height: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
}

.margintop12
{
    margin-top: 12px;
}

.margintop24
{
    margin-top: 24px;
}

.normaltextbox
{
    color: #151515;
    vertical-align: text-bottom;
    font-size: 5pt;
}

.highlight
{
    background-color: #fefbd2;
    vertical-align:bottom;
    color: #151515;
    line-height: 12pt
}

.contentstoptitle
{
    font-size: 10pt; color: #3366cc;  line-height: 16pt;
    font-weight: bold;
}

.contentssubtitle
{
    color: #3366cc;
    font-weight: bold;
}

/*제품검색페이지 스타일*/

TABLE#shopTable { MARGIN-LEFT: 4px; WIDTH: 860px }
	TABLE#shopTable TD { VERTICAL-ALIGN: top }
	.shopBySize { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 20px; PADDING-TOP: 5px }
	.shopByUse { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 20px; PADDING-TOP: 5px }
	.materialCategory { FONT-WEIGHT: bold; COLOR: #014baa; LINE-HEIGHT: 20px }
	#materialList { WIDTH: 100%; LINE-HEIGHT: 20px; float:right; }
	#materialList IMG { top:3px; margin-left:8px; margin-right:15px; POSITION:relative; }
	#shopByMaterial { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 20px; PADDING-TOP: 5px }
	.shopBySize A { DISPLAY: block; COLOR: #3366cc; TEXT-DECORATION: none }
	#shopByMaterial A { DISPLAY: block; COLOR: #3366cc; TEXT-DECORATION: none }
	.shopByUse A { DISPLAY: block; COLOR: #3366cc; TEXT-DECORATION: none }
	.shopBySize A:visited { COLOR: #3366cc }
	#shopByMaterial A:visited { COLOR: #3366cc }
	.shopByUse A:visited { COLOR: #3366cc }
	.shopBySize A:hover { BACKGROUND-COLOR: #ffff66; TEXT-DECORATION: underline }
	#shopByMaterial A:hover { BACKGROUND-COLOR: #ffff66; TEXT-DECORATION: underline }
	.shopByUse A:hover { BACKGROUND-COLOR: #ffff66; TEXT-DECORATION: underline }
	#shopByMaterial A { MARGIN-LEFT: 10px }
	#sizePopup { PADDING-RIGHT: 15px; DISPLAY: none; PADDING-LEFT: 30px; Z-INDEX: 50; BACKGROUND: url(Images/sizePopup_bg_formiddle.gif) no-repeat center 50%; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 32px; POSITION: absolute; HEIGHT: 200px }
	#usesPopup { DISPLAY: none; Z-INDEX: 50; POSITION: absolute }
	

#divExpand {
    position: absolute;
    z-index:50;
    display: none;
}

/*제품검색페이지 스타일 끝*/

/*테이블 스타일*/
.blueBox{ border: solid 1px; border-color: #3f82d5; border-collapse: collapse }
.GreyBox{ border: solid 1px; border-color: #bdc8d4; border-collapse: collapse }
.GreenBox2{ border: solid 1px; border-color: #c1deb4; border-collapse: collapse }
.blueLineSolidDott1 
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 1px;
      border-bottom-style: dotted; border-bottom-width: 1px;
	  border-collapse: collapse;
	  }
.blueLineSolidDott2
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 2px;
      border-bottom-style: dotted; border-bottom-width: 1px;
	  border-collapse: collapse;
	  }	  
.blueLineSolid2pxSoild1px
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 2px;
      border-bottom-style: solid; border-bottom-width: 1px;
	  border-collapse: collapse;
	  }
.blueLine2Solid2pxgreyLineSoild1px
	{ border-top-style: solid; border-color: #bed0ee; border-top-width: 2px;
      border-bottom-style: solid; border-bottom-width: 1px;
	  border-collapse: collapse;
	  }	  
.blueLineSolid1px
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 1px;
	  border-collapse: collapse;
	  }	
.blueLineSolid2px
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 2px;
	  border-collapse: collapse;
	  }	  
.blueLineSolid1pxSoild2px
	{ border-top-style: solid; border-color: #3f82d5; border-top-width: 1px;
      border-bottom-style: solid; border-bottom-width: 2px;
	  border-collapse: collapse;
	  }
.blueLinedott1pxDott1px
	{ border-top-style: dotted; border-color: #3f82d5; border-top-width: 1px;
      border-bottom-style: dotted; border-bottom-width: 1px;
	  border-collapse: collapse;
	  }
.greyLinedott1pxSolid2px
	{ border-top-style: dotted; border-color: #999999; border-top-width: 1px;
      border-bottom-style: solid; border-bottom-width: 2px;
	  border-collapse: collapse;
	  }
.dottLine 
    { border-top-style: none;
      border-bottom-style: dotted; 
	  border-bottom-width: 1px;
	  border-color: #d0d0d0;
	  border-collapse: collapse;
	  }
.blueDottLine 
    { border-top-style: none;
      border-bottom-style: dotted; 
	  border-bottom-width: 1px;
	  border-color: #3f82d5;
	  border-collapse: collapse;
	  }
.bluenLine1pxDark
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #3f82d5;
	  border-collapse: collapse;
	  }
.blueLine2pxDark
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 2px;
	  border-color: #3f82d5;
	  border-collapse: collapse;
	  }
.blueLine1
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #ededed;
	  border-collapse: collapse;
	  }	  
.blueSideLine 
    { border-left-style: solid;
	  border-left-width: 1px;
      border-right-style: solid; 
	  border-right-width: 1px;
	  border-color: #3f82d5;
	  border-collapse: collapse;
	  }	 
.blueSideLine 
    { border-left-style: solid;
	  border-left-width: 1px;
      border-right-style: solid; 
	  border-right-width: 1px;
	  border-color: #3a8be4;
	  border-collapse: collapse;
	  } 
.greyLine2
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #d0d0d0;
	  border-collapse: collapse;
	  }
.greyLine3
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #ededed;
	  border-collapse: collapse;
	  }	  
.blueLine
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #bed0ee;
	  border-collapse: collapse;
	  }	  
.blueLine2pxPale
    { border-top-style: none;
      border-bottom-style: solid; 
	  border-bottom-width: 2px;
	  border-color: #bed0ee;
	  border-collapse: collapse;
	  }	
.priceContents
    { border-left-style: solid;
	  border-left-width: 1px;
      border-right-style: solid; 
	  border-right-width: 1px;
	  border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #d0d0d0;
	  border-collapse: collapse;
	  }
.shopHeader
    { border-left-style: solid;
	  border-left-width: 1px;
      border-right-style: solid; 
	  border-right-width: 1px;
	  border-top-style: solid; 
	  border-top-width: 1px;
	  border-color: #d0d0d0;
	  border-collapse: collapse;
	  }
.service_head 
    { border-left-style: solid;
	  border-left-width: 1px;
      border-right-style: solid; 
	  border-right-width: 1px;
	  border-color: #3f82d5;
      border-top-style: solid; 
	  border-top-width: 1px;
	  border-bottom-style: solid; 
	  border-bottom-width: 1px;
	  border-color: #3f82d5;
	  border-collapse: collapse;
	  }
/* 테이블 스타일 끝*/

.watermarked {
	padding::2px 0 0 2px;
	color:Orange;
	
}

    .popSale { 
      position: absolute; 
      left: 0; 
      top: 0; 
      background-color: White;
      z-index: 10; 
    } 

#quickLink
{
    position:absolute;
    width: 80px;
    top:100px;
    padding:0px;
    right:50px;
}

#todayshopping
{
    border-bottom: #ff6600 thin dotted;
    border-left: #ff6600 thin dotted;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    border-top: #ff6600 thin dotted;
    border-right: #ff6600 thin dotted;
    padding-top: 2px;
    background-color: #ffffcc;
    letter-spacing: -2px;
    margin-bottom: 10px;
}

.linetd
{ border:1px solid #EDEDED; }

#nolinetable
table { border:0px;}
td { border:0px;}

.HiddenColumn{ display:none; }

.VisibleHidden{ visibility:hidden; }
