#body {width: 100%;}


#body .bodyR {
    margin-left: 192px;

}


#body .bodyL {
	float : left;
	width: 182px;
}


#body .bestitem {
    height: 540px;
}


.artleftBanner1 {margin-bottom:10px; }


#body .bodyR .bestitem li {
	float: left;
	height: 235px;
	padding: 8px;
	position: relative;
	text-align: center;
	width: 170px;
}


#body .bodyR  li .imgspace {
	padding: 5px;
	width: 170px;
	height: 170px;
	line-height: 170px;
}


#body .bodyR li .imgspace:after {
	content: " ";
	margin-left: 0.4em;
	white-space: pre;
}
 

#body .bodyR li .imgw img{
	width : 160px;
	vertical-align: middle;
}


#body .bodyR li .imgh img{
	height : 160px;
	vertical-align: middle;

}

#body .bodyR .writerfont{
 	font-size : 11px;
	color : #aaa;
}


#body .bodyR .titlefont{
 	font-size : 12px;
	color : #888;
}


#body .bodyR .pricefont{
 	font-size : 12px;
	color : #000;
}


#body .bodyR .imgspace img { 
	-moz-box-shadow:    3px 3px 5px 0px #ccc;
	-webkit-box-shadow: 3px 3px 5px 0px #ccc;
	box-shadow:         3px 3px 5px 0px #ccc;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#cccccc);
}


#body .bodyR .interior {
	float: left;
	height: 148px;
	position: relative;
	width: 374px;
	padding-right : 10px;
}


#body .bodyR .todayplan {
	float: left;
	height: 148px;
	position: relative;
	width: 374px;
}


#body .bodyR .arrivals {
	padding-top : 30px;
	float: left;
	height: 290px;
	position: relative;
	width: 758px;
}


#body .bodyR .arrivals .arrivalsitem {
	background-color : #f5f5f5;
	height: 250px;
	width: 758px;
	padding : 10px 0 0 20px; 
}


#body .bodyR .arrivals .arrivalsitem li {
	float: left;
	height: 235px;
	padding: 4px;
	position: relative;
	text-align: center;
	width: 170px;
}


#body .tabitems {
	float: left;
	width: 952px;
	height:363px;
}

#body .tabitems {padding-top: 15px; margin-bottom: 50px;}
#body .tabitems ul {overflow: hidden; width: 952px;}
#body .tabitems li {float: left;}
#body .tabitems li a {display: block; background: url('../images/artprint/tab-items-artprint.gif') no-repeat; height: 35px; text-indent: -99999px; width: 119px;}
#body .tabitems li#tabitem1 a {width:119px;}
#body .tabitems li#tabitem2 a {background-position: -119px 0;}
#body .tabitems li#tabitem3 a {background-position: -238px 0;}
#body .tabitems li#tabitem4 a {background-position: -357px 0;}
#body .tabitems li#tabitem5 a {background-position: -476px 0;}
#body .tabitems li#tabitem6 a {background-position: -595px 0;}
#body .tabitems li#tabitem7 a {background-position: -714px 0;}
#body .tabitems li#tabitem8 a {background-position: -833px 0; width:119px;}

#body .tabitems li#tabitem1.ui-tabs-selected a {background-position: 0 -35px;}
#body .tabitems li#tabitem2.ui-tabs-selected a {background-position: -119px -35px;}
#body .tabitems li#tabitem3.ui-tabs-selected a {background-position: -238px -35px;}
#body .tabitems li#tabitem4.ui-tabs-selected a {background-position: -357px -35px;}
#body .tabitems li#tabitem5.ui-tabs-selected a {background-position: -476px -35px;}
#body .tabitems li#tabitem6.ui-tabs-selected a {background-position: -595px -35px;}
#body .tabitems li#tabitem7.ui-tabs-selected a {background-position: -714px -35px;}
#body .tabitems li#tabitem8.ui-tabs-selected a {background-position: -833px -35px;}
#body .tabitems #items div {border: 2px solid #eee; border-top: none;}
#body .tabitems .ui-tabs-hide {display: none;}


#body .bodyR .listbest3 {
	float: left;
	height: 380px;
	width: 730px; 
	margin-bottom : 20px;
	padding-left: 30px;
	background: url('/images/artprint/artprintBestList_bg.jpg') no-repeat
}

#body .bodyR .listbest3 .listbestitem {
	margin-top:33px;
	margin-right:17px;
	float: left;
	height: 320px;
	width: 220px;
	text-align: center;
}



#body .bodyR .listbest3 .imgspace { 
	margin-top:15px;
	width: 220px;
	height: 220px;
	line-height: 220px;
}


#body .bodyR .listbest3 .imgspace:after {
	content: " ";
	margin-left: 0.4em;
	white-space: pre;
}


#body .bodyR .listbest3 .imgw img{
	max-width : 210px;
	max-height : 210px;
	vertical-align: middle;
}


#body .bodyR .listbest3 .imgh img{
	height : 210px;
	vertical-align: middle;

}


#body .bodyR .artlist {
	float: left;
	width: 758px;
 	position: relative;
}


#body .bodyR .artlist .heading {
	height:10px; 
	border-bottom:2px solid #ccc; 
	padding:10px 0;
}


#body .bodyR .artlist .control {
    position: absolute;
    right: 10px;
    top: 5px;
}


#body .bodyR .artlist ul {
	display: table;
	width: 758px;
}


#body .bodyR .artlist li {
	float: left;
	height: 280px;
	padding: 8px;
	position: relative;
	text-align: center;
	width: 170px;
}


#body .bodyR li a.zoom img {
    height: 12px;
    vertical-align: top;
    width: 43px;
}



#body .bodyR .artlist .paging {
    padding-top: 10px;
    height : 50px;
    text-align: center;
}



/* start carousel products  */
.jcarousel-skin-products {border: 1px solid #eaeaea; padding: 10px 0; margin-top:10px; height:70px; overflow:hidden;}
.jcarousel-skin-products .jcarousel-container {width: 870px; height: 70px; margin: 0 auto;}
.jcarousel-skin-products .jcarousel-clip-horizontal {width: 870px; height: 70px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item {width: 70px; height: 70px; margin-right: 10px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item img {float:left; overflow:hidden;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item img {width:68px; height:68px;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a {border: 1px solid #ccc;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a:hover,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a.on {border: 5px solid #1543ad;}
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a:hover img,
.jcarousel-skin-products .jcarousel-container-horizontal .jcarousel-item a.on img {margin:-4px;}
/* button */
.jcarousel-skin-products .jcarousel-container .jcarousel-next,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev {position: absolute; top: 25px; width: 10px; height: 19px; cursor: pointer; background: url('../images/store/btn-carousel.gif') no-repeat;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next {right: -20px; background-position: -10px -19px;}
.jcarousel-skin-products .jcarousel-container .jcarousel-prev {left: -20px; background-position: 0 -19px;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:active,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:active {cursor: default;}
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-next-disabled:active {background-position: -10px 0;}
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:hover,
.jcarousel-skin-products .jcarousel-container .jcarousel-prev-disabled:active {background-position: 0 0;}
/* end carousel products */

.bodyR .items li a.zoom img {width:24px; height:24px; vertical-align:top;}

/* lightbox start
--------------------*/

#lightbox {display:none; position:fixed; height:611px; width:630px; background:#fff; z-index:1001; font-size: 12px; font-family: dotum; line-height: 150%; color: #4a4a4a;}
#lightbox .lightbox-inner {position: relative; padding: 15px; width:600px;}
#lightbox #zoomed {text-align:center; height:480px;}
#lightbox #zoomed #zoom-img { width:400px; height:400px; margin-left:100px; line-height: 400px; }
#lightbox #zoomed #zoom-img:after {	content: " ";	margin-left: -0.6em;	white-space: pre; }
#lightbox #zoomed #zoom-img img { vertical-align:middle; -moz-box-shadow: 3px 3px 5px 0px #ccc; -webkit-box-shadow: 3px 3px 5px 0px #ccc; box-shadow: 3px 3px 5px 0px #ccc; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#cccccc); }
#lightbox #zoomed #zoomed-prev, #lightbox #zoomed #zoomed-next {cursor:pointer; width:38px; height:58px; position:absolute; top:178px; text-indent:-99999px;}
#lightbox #zoomed #zoomed-prev {background:url(../images/store/btn-carousel-prev-on.png) no-repeat; left:35px;}
#lightbox #zoomed #zoomed-next {background:url(../images/store/btn-carousel-next-on.png) no-repeat; right:35px;}
#lightbox #product-name {font-size:14px;}
#lightbox #product-price-normal {color:#c11111;}
#lightbox #zoomed div a.view-detail {display:block; width:84px; height:25px; text-indent:-99999px; background:url(../images/store/btn-bg-view-detail.gif) no-repeat; margin:0 auto;}
#lightbox #zoomed div a.view-detail:hover {background-position:0 -25px;}
#lightbox .close {position: absolute; top: -13px; right: -13px; width: 26px; height: 26px; background: url(../images/store/btn-close-layer.png) no-repeat; text-indent: -99999px; display: block; cursor: pointer;}
#lightbox .jcarousel-skin-products .jcarousel-container,
#lightbox .jcarousel-skin-products .jcarousel-clip-horizontal {width: 550px;}
#lightbox .jcarousel-list {width:1600px !important;}
#bg-lightbox {display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; z-index:1000;}
/* lightbox end
--------------------*/
