@charset "UTF-8";

/*---------------------------------LOOK & FEEL--------------------------------------*/ 
 
  body { background: #E6F0F2; } 
  #main { background: #D0DEE1; }
  #header {background: url(/Portals/51/head.gif) left top no-repeat;}
/*  #header {background: url(/Portals/51/images/header/head_premium.png) left top no-repeat;} */

  .category_title {
  display:block;
	background: url(/Portals/51/Skins/Reseller/images/container/BgLeftPaneHead.png) no-repeat left top;
	}
	
  h1.ContentPaneHead {
  display: block;
	background: url(/Portals/51/Skins/Reseller/images/container/BgContentPaneHead.png) no-repeat left top;
  }  
 
 #ContainerCategory, #ContainerLogin {
   background-color: #BECDCD;
 }
 
/* .color1 {background-color: #F1F5F6!important;} /* Color Scheme Container */
 /*.color2 {background-color: #F1F5F6!important;} /* Color Scheme COntainer */
 
/*---------------------------------FONTS / TYPOGRAPHY--------------------------------------*/ 
    
    h1.LeftPaneHead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.83em;
	color: #fff;
	letter-spacing:0.1em;
   }
   
   h1.ContentPaneHead {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.83em;
	color: #3E4C5E;
	letter-spacing:0.1em;
   }
   
   h1, h2, h3, h4 {color: #3E4C5E;}
   
   #ContainerLogin .Head {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 0.83em;
	 color: #3A86A9;
   }
/*---------------------------------NAVIGATION--------------------------------------*/ 
 html>body #PortalBorder {height:auto}/*for mozilla */

  
  #nav {
  width: 990px; text-align:center; padding-top:8px;
}

  #nav ul {
   margin:0; padding:0; text-align:center; white-space:nowrap; height: 28px; margin-top:-2px;
}

  #nav ul li {
  position:relative;
  display:inline;
  list-style: none; 
  /* background-color:#526779; */
  padding:0 20px 5px 20px;
  margin:0;
}

#nav ul li.SelectedTab {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}


  #nav ul li a {
  background: url(/Portals/51/Icons/NavMain2.png) left top no-repeat;
  padding-left:20px;
  
  text-decoration:none;
  text-align:center;
  font-weight:normal;
  color:#000000;
  padding-bottom: 5px;
}

  #nav ul li a:hover {
  background: url(/Portals/51/Icons/NavMainActive2.png) left top no-repeat;
  padding-left:20px;
}

  #nav ul li.SelectedTab a {
  color:#000000;
  
  background:url(/Portals/51/Icons/NavMainActive2.png) left top no-repeat;
}

/* 2nd level */
  #nav ul li ul { 
	position : absolute;
	left: -999em;
	padding:0;
    list-style:none;
    
}

  #nav ul li ul li {
   z-index:10000; 
   text-align:left; 
   display:block; 
   width:auto; 
   list-style:none; 
   padding:5px 10px 0px 5px;
   margin:0 0 -1px 15px; 
   background:#2D3842;
   border-bottom:2px solid #E3EEF4 ; /* also in patch */
   }
   
   #nav ul li.SelectedTab ul li a:hover, #nav ul li ul li a:hover {
   background:none;
   padding:0;
   color:#000000;
  }

   #nav ul li.SelectedTab ul li a, #nav ul li ul li a   {
   background:none;
   
   text-decoration:none;
   text-align:left;
   font-weight:normal;
   padding :0px 0px 5px 0px;
   margin:0;
   color:#000000;
  }
  
/* 3rd level */
  #nav ul li ul li ul { 
	position : absolute;
	left: -999em;
	padding:0;
    margin:0;
    list-style:none;
    
}

  #nav ul li ul li ul.Level2 li {
   z-index:10000; 
   text-align:left; 
   display:block; 
   width:10em; 
   list-style:none; 
   padding:5px 0px 0px 0px;
   margin:0 0 0 -5px; 
   background:#2D3842;}
   
   #nav ul li ul li ul.Level2 li a:hover {
   background:none;
   padding:5px 0px 0px 0px;
   color:#FFFFFF;
  }

   #nav ul li ul li ul.Level2 li a  {
   background:none;
   
   text-decoration:none;
   text-align:left;
   font-weight:normal;
   padding :0px 0px 0px 20px;
   margin:0;
   color:#E6F0F2;
  }


  #nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
  #nav li:hover ul ul,
  #nav li:hover ul ul ul,
  #nav li:hover ul ul ul ul,
  #nav li.iehover ul ul,
  #nav li.iehover ul ul ul,
  #nav li.iehover ul ul ul ul{
  left: -999em;
}

  #nav li:hover ul, 
  #nav li.iehover ul {
	top: 1.6em;
	left:0;

}
  #nav li li:hover ul,
  #nav li li li:hover ul,
  #nav li li.iehover ul,  
  #nav li li li.iehover ul {
	top: 0;
	left:10.8em;

}


/* Navigation Right */

/*	#MenuRight ul li.Level0 { background: #0099ff; }
  #MenuRight ul li.Level1 { background: #42b4ff; }
  #MenuRight a { color: #000; }
  #MenuRight a:hover, #MenuRight a:focus, #MenuRight a:active { color: #000; } 
  #MenuRight li.SelectedTab a { color: #000; }*/
  
  
   
  
/*---------------------------------ONLINESHOP STUFF--------------------------------------*/