@charset "UTF-8";

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

  h1.LeftPaneHead {
  	display:block;
	background: url(/Portals/30/Skins/Reseller/images/container/BgLeftPaneHead.png) no-repeat left top;
	}
	
  h1.ContentPaneHead {
  	display: block;
	background: url(/Portals/30/Skins/Reseller/images/container/BgContentPaneHead.png) no-repeat left top;
  }  
 
 #ContainerCategory, #ContainerLogin {
   background-color: #FFFFFF;
 }
 
 .color1 {background-color: #F1F5F6;} /* Color Scheme Container */
 .color2 {background-color: #F1F5F6;} /* 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: #FFFFFF;
	letter-spacing:0.1em;
   }
   
   h1, h2, h3, h4 {color: #000000;}
   
   #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 0px 5px 5px;
  margin-top:5px;
}

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


  #nav ul li a {
  background: url(/Portals/30/Icons/menuiconinactive.gif) left top no-repeat;
  padding-left:15px;
  font-size:1.08em;
  text-decoration:none;
  text-align:left;
  font-weight:normal;
  color:#677078;
  padding-bottom: 5px;
}

  #nav ul li a:hover {
  background: url(/Portals/30/Icons/menuiconactive.gif) left top no-repeat;
  padding-left:15px;
}

  #nav ul li.SelectedTab a {
  color:#2D3842;
  font-weight:bold;
  background:url(/Portals/30/Icons/menuiconactive.gif) 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;
   font-size:1.08em;
   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;
   font-size:1.08em;
   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;

}
#NavMain {
	float:left;
	left:50%;
	position:relative;
	text-align:center;
	padding:0;
	margin:0;
}
   
#sddm {
	position:relative;
	right:50%;
	float:left;
	margin:0;
	padding:0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana, Verdana, Arial, Helvetica, sans-serif;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px 20px;
	/*width: 60px;*/
	background: url(/Portals/30/Icons/NavMain2.png) left top no-repeat;
		color: #FFF;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	background: url(/Portals/30/Icons/NavMainActive2.png) left top no-repeat;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ccccff;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin-top: 5px;
		padding: 0px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px Verdana, Arial, Helvetica, sans-serif;}

	#sddm div a:hover
	{	
		/*background-color: #49A3FF;
		color: #000;*/
	}  
/*---------------------------------ONLINESHOP STUFF--------------------------------------*/