.nav-div{
            width:100%;
           /* border:1px solid silver;*/
            height:90px;
            float:left;
        }
        .nav-logo{
            margin-top:8px !important;
			float:left; 
			vertical-align: middle;
			width:20%;
        }
		.Logo-Img{
		max-width: 65%;
		padding-left: 40px;
		}

		#nav-items{
			float:right;
		/*	margin-top: -15px;*/
			  margin-top: 14px;
			width:78%;
			
		}

		#Nav-Div-Topic{
		background-color:#E2507E;
		height:60px;
		padding-left: 15px;
		}		
		
		.nav-url>a, .nav-url{
		text-decoration:none;
		color:#000;
		cursor: pointer;
		}

        .nav-item , a.nav-item  , a.nav-item:visited,  a.nav-item:link,{
           /*font-family: Helvetica,Arial,sans-serif;*/
		   font-family: "Open Sans";
           text-decoration:none;
            /**/
			width: 16%;
            border: 0px solid silver;
            /*height: 60px;*/
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 10px !important;
            color: #333 !important;
            /*padding: 18px 0 12px;*/
            text-transform: uppercase;
            font-weight: 700;
            /*margin: 0 26px;*/
            cursor: pointer !important;
            letter-spacing: .5px;
			padding-bottom: 12px;
			
        }
		
		.nav-item:hover{
			cursor:pointer !important;
		}
		
		a#CourseAnchor , a#CourseAnchor:visited , a#CourseAnchor:link {
		text-decoration: none;
		color:#bbb;
			margin-top: 0px !important;
		}
		
		#nav-Upper-Menu{
			width:50%;
			float:right;
		}
		
		#UpItem1{ width:20% !important; }
		#UpItem2{ width:20% !important; }
		#UpItem3{ width:40% !important; }
		#UpItem4{ width:20% !important; }
		
		
		 .nav-Up-item , a.nav-Up-item, a.nav-Up-item:visited{
             /*font-family: Helvetica,Arial,sans-serif;*/
			 font-family: "Open Sans";
           font-size:10px;
		/*	width: 25%;*/
            border: 0px solid silver;
            /*height: 60px;*/
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 10px !important;
            color: #333 !important;
            /*padding: 18px 0 12px;
            text-transform: uppercase;*/
            font-weight: 700;
            /*margin: 0 26px;*/
            cursor: pointer !important;
            letter-spacing: .5px;
        }

		
	#skin-heading{
    text-align: center;
    width: 80%!important;
	}
	
	#nav-item-recommended{
		 width: 14%!important;
		 background-color: #e6e6e6 !important;
   		 padding-bottom: 13px !important;
		 padding-right: 20px !important;
	}

        .col-2 {width: 16%;}
		.col-4 {width: 33%;}
		.col-8 {width: 66%;}
		.col-9 {width: 75%;}
        .col-10 {width: 83%;}
        .col-12 {width: 100%;}

          span.nav-url{
           margin-top:25px !important;
		   cursor: pointer !important;
        }


          .recommended {
            color: #e65684;
            background-color: #e6e6e6;
            font-size: 12px;
            float: left;
		/*	text-align:center;
			margin-top: -75px !important;
			padding-top: 24px !important;*/
			display: inline;
    margin-top: -50px !important;
    text-align: left;
    padding-left: 20px;
        }
		
		
  		.recommended2 {
            color: #fff;
            background-color: #e65684;
            font-size: 12px;
            float: left;
        }
		
        span.recommended{
            display:none;
		/*	margin-top: -10px !important;
			padding-top: 55px !important;*/
			padding-top: 30px !important;
        }
  	
         span.recommended >a{
            display:none;
        }
        #tb_3 {
            margin-top: 5px !important;
            display: inline;
        }
		
			#Nav-Bottom-Div{
			background-color: rgb(255, 255, 255);
		    height: 60px;
		    margin-left: 15px;
		    display: inline;
			}
			
			
		#Nav-Div-Search{
			flex: 0 1 auto;
		    overflow: auto;
		    width: 24%;
		    margin-right: 2px;
		    margin-bottom: 40px;
		    display: block;
		   /* background-color: #F7F7F7;*/
			
			border-top: none 1px #000000;
		    border-right: none 1px #000000;
		    border-bottom: none 1px #000000;
		    border-left: none 1px #000000;
		    display: block;
		    padding-left: 20px;
		    padding-right: 20px;
		    padding-top: 20px;
			float:left;
		}
	
		#Nav-Div-NavIcons{
		float:right;
		width:75%
		
		}
		
		
		#bookTitle{
			order: 1;
		    color: white;
			position: relative;
			left: 0.1%;
			/*top: 12px;*/
		/*	    position: relative;
			    left: 30px;*/
		}
			
			
		#CP-Menu{
			background-color:#fff !important;
		}
			
		@media only screen and (max-width:400px){
			#Nav-Div{
			display:none !important;
			}
				nav.title-bar {
				background:#e65684 !important;
				position:fixed;
				top:0px;
				width:100%
			}
			
			#Nav-Bottom-Div {
				position: fixed;
			    top: 70px; /*77*/
			    margin-left: 0px !important;
			    height: 112px !important; /*120*/
			}
				
			#Nav-Div-NavIcons{
				margin-top: -40px;
   	        	float: left !important;
  			    width: 90% !important;
    			padding-left: 15px;
			}
			
			#Nav-Div-Search{
				float: left !important;
				width: 90% !important;
			}
			
			.main-section{
			margin-top:150px !important;
			}
			
			.MCBreadcrumbsSelf{
			font-size: smaller !important;
			}
			
				#bookTitle{
				order: 1 !important;
			    color: white !important;
			  /*  position: relative !important;
			    left: 30px !important;*/
				}
		}
		
			
		@media only screen and (max-width: 767px) and (min-width:401px){
			#Nav-Div{
			display:none !important;
			}
			
			nav.title-bar {
				background:#e65684 !important;
				position:fixed;
				top:0px;
				width:100%;
				height: 80px;
			}
			
			#Nav-Bottom-Div{
				position: fixed;
   				top: 81px;
  			    margin-left: 0px !important;
 			    height: 120px !important;
				
				/*style="background-color:#fff;height:60px;margin-left: 15px;"*/
			}
			
			#Nav-Div-NavIcons{
				margin-top: -40px!important;
	    		float: left!important;
	 		    width: 100%!important;
	 		    padding-left: 15px!important;
			}
			
			#Nav-Div-Search{
				float: left !important;
				width: 90% !important;
			}
		
			
			.main-section{
			margin-top:160px !important;
			}
			
			#bookTitle{
				order: 1;
			    color: white;
			  /*  position: relative;
			    left: 30px;*/
	}
}


	@media only screen and (max-width: 1025px) and (min-width: 768px){
	
		#Nav-Div{
			display:block !important;
			}
		.nav-logo{
		/*	display:none !important;*/
			}
		.recommended {
		 font-size:10px !important;
		}	
	 .nav-item , .nav-item>a , a.nav-item:visited,  a.nav-item:link  {
            /*font-family: Helvetica,Arial,sans-serif;*/
			font-family: "Open Sans";
           	width: 16%;
            border: 0px solid silver;
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 0px !important;
			 /*  margin-top: 20px !important;*/
            color: #333 !important;
            text-transform: uppercase;
            font-weight: 600;
            font-size:10px;
            cursor: pointer !important;
            letter-spacing: .8px;
			text-decoration:none!important;
        }
		
		a#CourseAnchor:link, a#CourseAnchor:visited {
		  /*font-family: Helvetica,Arial,sans-serif;*/
			font-family: "Open Sans";
           	width: 16%;
            border: 0px solid silver;
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 0px !important;
			margin-left: 20px;
            color: #333 !important;
            text-transform: uppercase;
            font-weight: 600;
            font-size:10px;
            cursor: pointer !important;
            letter-spacing: .8px;
			text-decoration:none!important;
		}
			#nav-item-recommended{
		 width: 15%!important;
     	}
		#nav-Upper-Menu{
			width:45%!important;
		}

	}

		@media only screen and (min-width: 1026px) {
	
		#Nav-Div{
			display:block !important;
			}
		.nav-logo{
		/*	display:none !important;*/
			}
			
	 .nav-item , .nav-item>a , a.nav-item:visited,  a.nav-item:link  {
            /*font-family: Helvetica,Arial,sans-serif;*/
			font-family: "Open Sans";
           	width: 16%;
            border: 0px solid silver;
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 0px !important;
				 /*  margin-top: 20px !important;*/
            color: #333 !important;
            text-transform: uppercase;
            font-weight: 600;
            font-size:14px;
            cursor: pointer !important;
            letter-spacing: .8px;
			text-decoration:none!important;
        }
			#nav-item-recommended{
		 width: 14%!important;
	}
	
	 a#CourseAnchor:link, a#CourseAnchor:visited{
	 font-family: Helvetica,Arial,sans-serif;
           	width: 16%;
            border: 0px solid silver;
            float: left;
            vertical-align: bottom;
            text-align: center;
            margin-top: 0px !important;
			margin-left: 20px;
            color: #333 !important;
            text-transform: uppercase;
            font-weight: 600;
            font-size:14px;
            cursor: pointer !important;
            letter-spacing: .8px;
			text-decoration:none!important;
	 }
		#nav-Upper-Menu{
			width:35%!important;
		}

		.Book_Variablestp_full_book_title{
		font-family: 'Open Sans', 'Segoe UI Light', 'Segoe UI', Calibri, Arial !important;
		font-size: 18px !important;
		font-weight: bold !important;
		/* letter-spacing: 6px !important; */
	
	}
	}
div.MCBreadcrumbsBox_0 {
     margin-top: 0px!important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    width: 100% !important;
	}
	
	

		#CourseAnchor{
		margin-top: 0px !important;
		margin-left: 20px;
		padding-bottom: 12px;
		
		}
		
		a:visited {
     color: #333 !important;
}
		a:link {
     color: #333 !important;
}