@charset "UTF-8";


/* CSS Document */

body {
	background-image:url(http://im.morningstar.com/im/DiagStripes.gif);	
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
	
div {
	float:left;
	position:relative;
	display:inline;
	}
		
/*-----------------------Containers----------------------*/	
.BodyContainer {
	width:975px;
	background-color:#FFFFFF;
	float:none;
	display:block;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	}
	
.ImageWrap  {
	width:252px;
	margin:0px 0px 10px 0px;
	}

.ContentWrap  {
	width:955px;
	margin:20px 10px 0px 10px;
	}
	
.BorderWrap  {
	width:545px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:9px 9px 10px 9px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}
	
.CenterWrap  {
	width:545px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	}
	
.CenterRightWrap {
	width:252px;
	margin:0px 10px 0px 0px;
	}
	
.CenterLeftWrap {
	width:253px;
	margin:0px 20px 0px 10px;
	}
	
.RightNavWrap  {
	width:152px;
	background-color:#FFFFFF;
	vertical-align:top;
	margin:0px 0px 0px 20px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:5px 10px 5px 10px;
	}
	
.RightWrap  {
	width:185px;
	background-color:#FFFFFF;
	vertical-align:top;
	margin-top:30px;
	overflow:hidden;
	}

.RightNoteWrap 
{
	margin-top:20px;
	border-top:1px solid #cccccc;
	font-size:9px;
	width:154px;
	padding:5px 10px 5px 10px;
	margin-left:20px;
	color:#666666;
	line-height:15px;
	
}	
/*----------------------------TYPE----------------------------*/	

.RadioButton 
{
	position:relative;
	float:left;
}

.TitleWrap  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#333333;
	line-height:15px;
	width:545px;
	margin:0px 0px 15px 0px;
	}
	

.RightNav, .RightNavList, .RightNavListSelect { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	text-decoration: none;	
	color:#333333;
	float:left;
	position:relative;
	display:inline;
	text-decoration: none;
	width:175px;
	}
	
.RightNavList {
	background-image:url(http://im.mstar.com/im/store/bullet.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:10px;
	width:143px;
	}
	
.RightNavList a:active, .RightNavList a:visited, .RightNavList a:link {
	color:#ff0000;
	text-decoration:none;
	}
	
.RightNavList a:hover {
	color:#333333;
	text-decoration:underline;
	}
	
	
.RightNavListSelect {
	line-height:15px;
	width:143px;
	}
	
	
.NavHead, .NavHeadCenter, .NavSubHead { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:153px;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	float:left;
	position:relative;
	display:inline;
	text-decoration: none;	
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
.NavHeadCenter { 
	width:558px;
	}

.NavSubHead { 
	border-top:dotted 1px #666666;	
	width:153px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-weight:normal;
	background-color:#FFFFFF;
	color:#666666;
	font-style:italic;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	}

.Center, .Center_full, .Center_guarantee, .Center_perform {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	text-decoration: none;	
	color:#333333;
	float:left;
	position:relative;
	display:inline;
	overflow:visible;
	margin:0px 0px 0px 0px;
	}
.Center
{
	width:252px;
}

.Center_full {
	width:545px;
}

.Center_perform {
	width:525px;
	margin: 0px 10px 10px 10px;
	padding: 5px 0px 0px 0px;
	border-top:#666666 1px dotted;
}

.Center_guarantee {
	width:525px;
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 0px 0px;
	font-size:9px;	
	line-height:15px;
	border-top:#666666 1px dotted;
	color:#666666;
}

.Center a:active, .Center a:visited, .Center a:link {
    color:#333333;
text-decoration:underline;
    }
    


.Center a:hover {
    color:#FF000000;
    text-decoration:none;
    }
	
.Video, .Video_Name {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	text-decoration: none;	
	color:#333333;
	margin:10px 0px 0px 0px;
	}
	
.Video_Name {
	width:185px;
	margin:10px 0px 0px 10px;
}

.Video_Name a:active, .Video_Name a:visited, .Video_Name a:link {

color:#333333;
    text-decoration:underline;
    }
    


.Video_Name a:hover {
    color:#ff0000;
    text-decoration:none;
    }

	

.ImageNavbar {	
	width: 252px;	
	z-index:2;
	}
	
.ImageTab1on, a.ImageTab1on:link {
	width:8px;
	height:8px;
	border: 1px solid #666666;	
	background-color: #666666;
	margin:5px 0px 0px 5px;
	}
	
.ImageTab1, a.ImageTab1:link {	 
	width:8px;
	height:8px;
	border: 1px solid #666666;	
	background-color: #ffffff;
	}

.DetailNavbar {	
	width: 525px;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px dotted #666666;
	margin: 2px 10px 10px 10px;
	padding: 5px 0px 0px 0px;
	float:left;
	z-index:5;
	}
		
.DetailTab1N,.DetailTab2N,.DetailTab1onN,.DetailTab2onN {	 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;	
	color: #666666;			
	text-align: center;	
	padding: 2px 0px 4px 0px;	
	float:left;
	text-decoration: none;
	z-index:1;
	}
	
.DetailTab1N, .DetailTab2N { 
	color: #333333;
	text-decoration: none;
	margin-bottom: -2px;
	margin-right:20px;
	z-index:1;
	}

.DetailTab1onN,a.DetailTab1onN:link, .DetailTab2onN, a.DetailTab2onN:link  {
	border-bottom: 3px solid #FF0000;	
	color:#FF0000;
	margin-bottom: -2px;
	margin-right:20px;
	z-index:1;
	}

a.DetailTab1onN:hover, a.DetailTab2onN:hover { 
	text-decoration: none
	z-index:1;
	}

a.DetailTab1N:hover, a.DetailTab2N:hover { 
	text-decoration: none; 
	color: #FF0000;
	border-bottom: 3px solid #FF0000;	
	}

a.DetailTab1N:active, a.DetailTab2N:active, a.DetailTab1onN:active, a.DetailTab2onN:active { 
	text-decoration: none; 
	background-color: #FFFFFF; 
	}

/*-----------------------MiniSite Branding----------------------*/	
	
.Masthead {
	height: 200px;	
	width: 975px;
	background-color:#cccccc;
	}
		
.Masthead_storewrap {

    height: 100px;    

    width: 975px;
 
    float:none;
   
    display:block;

    margin-left: auto;

    margin-right: auto;

    overflow:hidden;
    background-color:#ffffff;
    }
    


.Masthead_store {
 
    height: 7px;    

    width: 955px;
 
    background-color:#ff0000;

    float:none;
   
    display:block;

    margin-left: auto;

    margin-right: auto;

    overflow:hidden;
}
        


.Store_logo {
     
    background-image:url(http://im.morningstar.com/im/store_logo.gif);

    background-repeat:no-repeat;

    margin:10px 0px 0px 10px;

    width:266px;
  
    height:45px;
}

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

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

.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: 253px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}	


/*----------------------------Buttons----------------------------*/
.btnwrap1 {
	width:252px; 
	height:15px;
	}
	
.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;
	}
	
.selectOn {
	float:left; 
	height:15px; 
	width:55px; 
	background:url(../Images/image_nav.gif) 0px 2px no-repeat;
	padding:0px 0px 0px 0px;
	}
/*----------------------------Footer----------------------------*/
.FooterContainer {
	width:975px;
	}	
		
.FooterStyle {
	font-family:Verdana, Arial, Helvetica, sans-serif;		
	font-size: 9px;
	line-height:13px;
	font-weight:normal;
	color: #c9c9ba;
	margin:3px 0px 0px 0px;
	text-decoration: none;
	vertical-align:top;
	}
		
.FootN a:active {
	color:#999999;
	text-decoration:none;
	}
	
.FootN a:link {
	color:#999999;
	text-decoration:none;
	}	
	
.FootN a:visited {
	color:#999999;
	text-decoration:none;
	}
	
.FootN a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
	
.FootBar {
	width:975px; 
	height:18px;
	background-color: #cccccc;	
	text-decoration: none;	
	margin:0px 0px 0px 0px;
		}
		
.FootN,.Foot2N {
		
	font-size: 10px;
	line-height: 14px;
	width:215px;
	font-weight:normal;
	color: #333333;
	left:720px;
	margin:2px 0px 0px 0px;
	text-decoration: none;	
		}
	
.Foot2N {	
 	font-weight:Bold;
	text-decoration: none;	
	}
	
	/*----------------------------Books----------------------------*/

.Solid175Gray { 
  
    float:left;
   
    font-weight:normal;

    font-size: 10px;    

    line-height: 16px;    

    color: #333333;    

    text-decoration: none;     

    width: 251px;             

    margin: 2px 0px 0px 0px;

    padding-bottom: 12px;

    border-top: 1px Solid #cccccc;
    }
    


.Chapter {      
  
    float:left;
   
    font-weight:normal;

    font-size: 10px;    

    line-height: 16px;    

    color: #666666;    

    text-decoration: none;     

    width: 251px;    

    border-top: none;
    }