@charset "UTF-8";


/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
div {
	float:left;
	position:relative;
	display:inline;
	}
	
/*Light Box*/
.LightBoxContainer {
	width:526px;
	float:none;
	display:block;
	margin-left: auto;
	margin-right: auto;
	}
	
.LightBoxWrap {
	width: 486px;	
	padding: 25px 20px 10px 20px;
	background-color:#FFFFFF;
	}
	
.LightBoxBTN, a.LightBoxBTN:link, a.LightBoxBTN:visited { 
	float:left;
	position:relative;
	display:inline;
	width: 47px;
	height: 15px;
	left:300px;
	border-top: none;
	background-image: url(http://im.morningstar.com/im/store/lb_close.gif);	
	background-repeat:no-repeat;
	}
	
a.LightBoxBTN:hover {	
	}
	
.LB_btnwrap {
	height:15px;
	width: 480px;
	border-top:1px solid #666666;
	margin:20px 0px 10px 0px;
	}
		
.lbtn {
	float:left; 
	height:13px; 
	width:15px; 
	margin-right:5px;
	background:url(http://im.mstar.com/im/store/lopenarrow_gray.gif) 0px 3px no-repeat;
	}
	
.lbtn:hover {
	background:url(http://im.mstar.com/im/store/lopenarrow_red.gif) 0px 3px no-repeat;
	}

.rbtn {
	float:left; 
	height:13px; 
	width:15px; 
	margin-left:5px;
	background:url(http://im.mstar.com/im/store/openarrow_gray.gif) 0px 3px no-repeat;
	}

.rbtn:hover {
	background:url(http://im.mstar.com/im/store/openarrow_red.gif) 0px 3px no-repeat;
	}
	
.view {
	float:left; 
	height:12px; 
	width:80px; 
	background:url(http://im.mstar.com/im/store/view_images.gif) 0px 5px no-repeat;
	padding:0px 7px 0px 0px;
	}
	
.zoom {
	float:left; 
	height:23px; 
	width:18px; 
	background:url(http://im.mstar.com/im/store/zoom.gif) 0px 0px no-repeat;
	padding:0px 0px 0px 7px;
	}
	
.zoom:hover {
	background:url(http://im.mstar.com/im/store/zoom_red.gif) 0px 0px no-repeat;
	}

/*----------------------------Carousel----------------------------*/
.LB_stepcarousel{
	position: relative; /*leave this value alone*/
	border:none;
	overflow: scroll; /*leave this value alone*/
	width: 486px; /*Width of Carousel Viewer itself*/
	height: 624px; /*Height should enough to fit largest content's height*/
	margin:0px 0px 0px 0px;
	}

.LB_stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: -1px;
	}

.LB_stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 486px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}