/*GENERAL HTML TAGS*/
*{
	font-family: arial, verdana, sans-serif;
	color: #000;
	margin:0;
	padding:0;
}
html,body{
	font-size: 12px;
	line-height: 12px;
}

input, select, textarea, .logginRoles{
	margin: 0;
	padding: 0px;
	margin-bottom: 5px;
	border: 1px solid #7f9db9;
	font-family: Arial;
	color:#000000;	
	font-size: 12px;
	background-color: #FFFFFF;/*#FBFAF9;*/
	vertical-align: middle;
}


/*STRUCTURE TAGS*/

#mainNavContainer{
    font-size: 115%;
    font-weight: bolder;
    letter-spacing: 0.5px;		
}
#subNavContainer{
    font-size: 100%;
    font-weight: bolder;
    letter-spacing: 0.5px;		
}
#extraNavContainer
{   
	margin-top: 7px;
}

ul#extraNav li a, #extraNav2 li a{
	display: block;
	font-weight:normal;
	text-decoration: none;
	color: #000000;
	/*background:  url(/lib/img/bg-linkitem_.gif) no-repeat left top;*/
	padding-left: 12px;
}
ul#extraNav li.active a
{
    font-weight:bold;
    /*background:  url(/lib/img/bg-linkitem-active_.gif) no-repeat left top;*/    
}
ul#extraNav li a:hover, #extraNav2 li a:hover{
	color:#a0a0a0;
}

ul#extraNav li.level2 a{
	font-size: 90%;
	font-weight:normal;	
	padding-left: 24px;
	
}
ul#extraNav li.level2active a{
	color: #000000;
	/*background:  url(/lib/img/bg-linkitem-active.gif) no-repeat left top;  */
	font-weight: bold;
	padding-left: 24px;
}

#headerContainer h1
{
    font-family:  arial, Caecilia LT Std Light, verdana, sans-serif;
    font-weight: bolder;
	font-size: 300%;
	padding: 0;
	float:left;
	width:615px;
	padding-bottom: 5px;	
}
a.linkItem,#mainContent p a, td.button a ,.textCell a, dd a, tonedPuff a{
	color: #000000;
	text-decoration: underline;		
	
}
a.linkItem:hover, #mainContent p a:hover, td.button a:hover, .textCell a:hover, div#mainInnerContent  a:hover,dd a:hover{
	color: #a0a0a0;	
}
a.linkItemPuff
{
   
   text-decoration: none;
   background: none;
   font-family: arial, Verdana;
       
}

a.linkItemPuff:hover
{
   color: #666666;
   text-decoration: none;   
   font-family: arial, Verdana;
       
}

div.tonedProductPuff
{
    border-collapse: collapse;
	background-image:url(/lib/img/bg-hits-toned.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
	
	border-left: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 0px; 	
}

div.tonedProductPuff h1
{
   color: #009EE0;  
   padding-bottom: 8px;  
}

div.tonedProductPuff td.puffimage
{
  vertical-align: bottom;  
  float:  none;   
}
div.tonedProductPuff td.pufftext
{
  padding:  8px 8px 8px 0px;  
}
div.tonedProductPuff td.puffbuytext
{  
  font-size: 16px; 
  padding: 8px 8px 8px 0px
}
td.prodimage
{
 vertical-align: bottom;   

}
select 
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;      
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;
    font-weight: normal;    
    
} 
.checkbox input
{
    border: 0px solid #000000; 
    background-color:#f0f0f0; 
    border: 1px solid #f9f9f9;      
}
.radioinput input
{
    border: 0px solid #000000; 
          
}




/*COLOR SPECIFIC TAGS*/




div.vadingar_merinfo
{
   background-image: url(/lib/img3/btn-mertext.gif);
   background-repeat: no-repeat;
   width: 53px; 
   height: 12px; 
   border: 0px solid #000;  
   padding-top: 3px;      
}
input.button_rakna
{
   background-image: url(/lib/img3/btn-rakna.gif);
   background-repeat: no-repeat;
   width: 118px; 
   height: 35px; 
   border: 0px solid #000;  
   padding-top: 3px;  
   margin-right: 33px;  
   cursor: pointer;
}
input.button_ansok
{
   background-image: url(/lib/img3/btn-ansok.gif);
   background-repeat: no-repeat;
   width: 155px; 
   height: 49px; 
   border: 0px solid #000;  
   padding-top: 3px;    
   cursor: pointer;
}
input.button_ansok_small
{
   background-image: url(/lib/img3/btn-ansok-small.gif);
   background-repeat: no-repeat;
   width: 71px; 
   height: 23px; 
   border: 0px solid #000;  
   padding-top: 3px;    
   cursor: pointer;
}



#subNavContainer{				
	background: url(/lib/img3/bg-subNav_BLUE.gif)  repeat-x  #009EE0;			
}
div.backColor{
	background-color: #009EE0; height: 15px; 	
}

ul#mainNav li.active a{
 	background-color: #009EE0;
	color: #FFFFFF;
	
}
ul#mainNav li.inactive a{    
 	/*background-color: #0279AB;*/ 
	color: #a0a0a0;
	font-family:  arial, Caecilia LT Std Light, verdana, sans-serif;
    font-weight: bold;
    font-size: 100%;
}
 
ul#mainNav li.activeLeft a{ 	
	background-color: #009EE0;
}
ul#mainNav li.activeRight a{
 	background-color: #009EE0;
}
 
ul#mainNav li.inactiveLeft a
{
    /*
    background-color: #0279AB; 
    */
}
ul#mainNav li.inactiveRight a
{
    /*
    background-color: #0279AB; 
    */
}
#headerContainer h1
{
color: #009EE0;
}

table.prodtextTabell td
{
    margin: 0;
    padding: 0;       
}
table.prodtextTabell td h1
{
    margin:  0px 0px px 0px;
    padding: 0px 0px 8px 0px;
    color: #009EE0;     
    font-size: 300%;    
    border: 0px solid #000;  
}

.prodtext h1
{
   color: #009EE0; 
   margin-top: 0px; 
   padding-top: 0px;  
}

div.VI_bigList
{
    width: 100%;
    height: 15px;
    
    background-color: #009EE0;
}
div.VI_smallList
{    
    background-color: #009EE0;    
}


div.white
{
    width: 659px; /*6 px avdrag pga padding*/
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 15px;
    background-color: #FFFFFF;
    
}
div.white h1
{
    color: #009EE0;
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    
}
div.black
{
    width: 665px;
    height: 1px;
    background-color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1px;
}




.tonedPuff table a{
	font-family: arial, verdana, sans-serif;
	color: #2B1C07;	
	text-decoration: none;			
	background-image: none;
	
}

.tonedPuff table a:hover{
	color: #A69A87;
	text-decoration: none;
}

.forcePuff 
{
    float: left; 
    clear: right; 
    background-color: #ccecf9; 
    margin-right: 5px;
    padding: 15px; 
    width: 200px;
    height: 85px;   
    
}

.forcePuff a
{
 text-decoration: none;    
}



.PopupFrontground h1
{
    font-family:  Caecilia LT Std Light, verdana, sans-serif;    
    color: #000000;
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;  
}
input.buybutton{	
	font-family: arial,Verdana, Geneva, Helvetica, sans-serif;
	background: url(/lib/img3/bg-button-buy_YELLOW.gif) bottom left repeat-x #F3EEEB;	
	font-weight: 600;
	color: #f0f0f0;
	font-size: 100%;	
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #f0f0f0;
	cursor: pointer;	
	
}





/*



div.blue
{
    width: 665px;
    height: 15px;
    background-color: #009EE0;
}
div.purple
{
    width: 665px;
    height: 15px;
    background-color: #93117E;
}
div.green
{
    width: 665px;
    height: 15px;
    background-color: #99CC00;
}
div.yellow
{
    width: 665px;
    height: 15px;
    background-color: #F6A800;
}
div.pink
{
    width: 665px;
    height: 15px;
    background-color: #E2007A;
}


*/








/*nya*/



#mainNavContainer{
	width: 650px;
	height: 23px;
	clear: both;
	float: right;
	border: 0px solid yellow;
	margin-bottom: 10px;
	margin-top: 0px;
		
}


ul#mainNav li a{
	float: left;
	display: block;		
	text-decoration: none;	 	
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 8px;
	padding-top: 5px;	
	
}


ul#mainNav li.active a{
 	color: #FFFFFF;
}
ul#mainNav li.inactive a{    
 	/*background-color: #710D61; */
	color: #909090;
	font-family:  Caecilia LT Std Light, verdana, sans-serif;
    font-weight: bold;
    font-size: 100%;
}
 
ul#mainNav li.activeLeft a{ 	
	
}
ul#mainNav li.activeRight a{
 	
}
 ul#mainNav li.end
{    
 	float: right;
	display: block;
 	padding: 0;
 	margin:0; 	
 	height: 36px;	 	
 	border: 0px solid #ff0000; 
 	 	
 }
 
 .searchbtn    
{        
    margin-top: 3px;	 	 
 	margin-right: 5px;	
 	border: 0px;	
 }
 






#subNavContainer{
	clear: both;	
	width: 100%;
	height: 36px; 			
	border: 0px solid black;	
}

#subNavContainer{				
	background: url(/lib/img3/subnav-background.gif)  repeat-x  #009EE0;			
}

ul#subNav{
	float: left;
	width: 100%;	
}

ul#subNav li{
	display:inline;
	margin: 0;
	list-style: none;
	background: transparent;
}

ul#subNav li.start
{    
 	padding: 0;
 	margin:0;
 	width: 8px;
 	height: 36px;
 	float: left;
 	border: 0px solid #ff0000; 
 	background: url(/lib/img3/subnav-start.gif) no-repeat  #ffffff; 	
 }
 ul#subNav li.end
{    
 	float: right;
	display: block;
 	padding: 0;
 	margin:0; 	
 	height: 36px;	 	
 	border: 0px solid #ff0000; 
 	background:  url(/lib/img3/subnav-end.gif) no-repeat right; 	
 }
 
 ul#subNav li.end input
{        
    margin-top: 3px;	 	 
 	 margin-right: 5px;	
 	 border: 0px;	
 }
 

ul#subNav li a{
	float: left;
	display: block;
	text-decoration: none;	
	/*padding-left: 15px;*/
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	color: #000000;
	font-size: 110%;
	font-weight: bold;	
}

ul#subNav li a:hover{
	color: #cccccc;
}

ul#subNav li.active a
{    
 	background: url(/lib/img3/bg-mainNav-center.gif) center bottom ;
	font-weight: bold;	
	color: #FFFFFF;	
	padding-top: 8px;
	padding-bottom: 6px;	
 }

ul#subNav li img{
	margin-left: 0px;
	vertical-align: middle;
}

ul#subNav li.activeLeft a{
 	font-weight: bold;	
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 18px;
	
 }
ul#subNav li.activeRight a{
 	background: url(/lib/img_nytt/bg-TargetGroupNav-right.gif) right bottom no-repeat; 	
	font-weight: bold;	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 18px;
 }
 
 
 #extraNavContainer
{    	
	border: 0px solid red;
	margin-bottom: 8px;	
	width: 180px;	
	background: url(/lib/img3/extranav-righttoned_.gif) repeat-y top left;
	padding: 0px;
	margin-top: 0px;
}

#extraNavBottom
{
     background: url(/lib/img3/extranav-bottomtoned_.gif) repeat-x top left; 
     height: 0px; 
     margin-top: 0px;
     border: 0px solid #000;
}

ul#extraNav{		
	border: 0px solid gray;			
}

ul#extraNav li{
	list-style: none;	
	padding: 5px 10px 5px 10px;	
	/*background: url(/lib/img/bg-navitem.gif) repeat-x top left;*/
	border-bottom: 1px solid #cccccc;	
}
ul#extraNav li.active
{
    background:  #f0f0f0;   
}

a.level2{
	padding-left: 20px;
	font-weight: normal;
}
a.level2active{
	padding-left: 20px;	
}


 
 
 .greytext
 {
    font-size: 11px;
    color: #666666; 
    letter-spacing: 1px;
 }
 a.arrowtext
 {
    background: url(/lib/img3/pil_yellow.gif) left  no-repeat;
    font-size: 11px;   
    text-decoration: none; 
    padding-left: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    
 }





/*------*/

/*--popup --*/

.popupDivTop
{
   background: url(/lib/img3/popup/popup-bg-top.gif) no-repeat top left; 
   height: 71px; 
   width: 855px;    
   border: 0px solid #000000;  
}
.popupDivBottom
{
   background: url(/lib/img3/popup/popup-bg-bottom.gif) no-repeat top left; 
   height: 58px; 
   width: 855px;  
   border: 0px solid #000000;  
}
.popupDiv
{
   height: 100%; width: 855px; 
   background: url(/lib/img3/popup/popup-bg.gif) repeat-y top left;   	  
}
.popupDivContent
{
   margin: 0px 60px 0px 60px; 
   padding: 8px 0px 0px 0px; 
   border-top: 3px solid #009EE0;
   display:table;    
}
.popupCloseBtn
{
    margin: 47px 60px 0px 0px;
    float: right;
}
.popupDivContent h1
{
    font-family:  Caecilia LT Std Roman, arial, sans-serif;        
    color: #009EE0;
    font-size: 26px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;  
    letter-spacing: 0.5px;
}