/* ------------------------------------------

STYLES FOR NDS WEBSHOP  
 kr@nds.no

--------------------------------------------- */


/* LAYOUT */


body{		background-color:#DAE1E6;
		color:#444;
		font-size:11px;
		line-height:1.3em;
		font-family:helvetica,Arial, Helvetica, sans-serif,verdana,sans-serif;
		text-align:center;
		margin:0px;
		padding:0px;
		}
	.bSpes
	{	
	
		font-size:14px;
		font-weight:bold ;
		text-decoration : underline;
	}
	.bSpesSmall
	{		
			color:#D11100;
		font-size:13px;
		font-weight:bold ;
	}
	.menuitem 
	{
		font-family: Arial, Helvetica, sans-serif;
	/*	border: 1px;*/
	/*	border-style: solid;*/
		/*border-color: #eeeeee;*/ 
		font-size: 12px; 
		font-weight: normal;
		padding-left: 0px;
		color: #222244;
		height: 10px;
		text-decoration:none;
		list-style-image : "grafix/menubullet.gif";
		
	}
	.menuitem:hover
    {
        text-decoration:none;
        background : url(grafix/menuhoverbg.gif);
        background-repeat :repeat-x ;
     }
    
    .menuitem_on
	{
		font-family: Arial, Helvetica, sans-serif;
		/*border: 1px;
		border-style: solid;
		border-color: #eeeeee; */
		font-size: 12px; 
		font-weight: bold;
		text-decoration:none;
		list-style-image : "grafix/menubullet_selected.gif";
		padding-left: 0px;		
		color: #222244;
		height: 10px;
	}
	.menuitem_on:hover
    {
        text-decoration:none;
        background : url(grafix/menuhoverbg.gif);
        background-repeat :repeat-x ;
     }
    
	.topmenu_text 
	{
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 12px; 
		font-weight: bold;
		padding-left: 0px;
		color: #222244;
		height: 10px;
	 text-align :center ;
	}
	.general_text 
	{
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 12px; 
		font-weight: normal;
		padding-left: 0px;
		color: #222244;
		height: 10px;
	}
		.general_text_bold
	{
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 12px; 
		font-weight: bold;
		padding-left: 0px;
		color: #222244;
		height: 10px;
	}
	.price_campaign
	{
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 16px; 
		font-weight: bold;
		padding-left: 0px;
		color: #222244;
		height: 10px;
	}
	.huge
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 19px;
		font-weight: bold;
		color: #222222;
	}

	.top1_receipt
	{
		background-image: url(grafix/topbar_long_grey.gif); 
		width: 620px; 
		height: 32px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: bold; 
		color: #f2f1e0; 
	}
	.bottom1_receipt
	{
		background-image: url(grafix/bottombar_long_grey.gif); 
		background-repeat: no-repeat; 
		width: 600px; 
		height: 15px; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: bold; 
		color: #222244; 
	}
	.gridHeader_receipt
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #222222;
		text-decoration: none;
		background-color: #F2F1E0; 
		vertical-align : top;		
	}
	.line_receipt
	{
		/*font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px;
		font-weight: normal;*/
		background-color: #F2F1E0; 
		color: #222222; 
		vertical-align: top;
	}
	.bigfont 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		background-color: #bdceef;
	}
		.header
	{
		background-color: #D8E4ED; 
		/*color: #ffffff; */
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-weight: bold; 
	}
		.handlelisteheader
	{
		background-color: #D8E4ED; 
		/*color: #ffffff; */
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-weight: bold; 
	}
	.handlelisteline1 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		font-weight: normal;
		background-color: #ffffff; 
		color: #222244; 		
	}
	.handlelisteline2 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		font-weight: normal;
		background-color: #eeeeee; 
		color: #222244;		
	}
	.handlelistelink 
	{		
		color: #000066;	
		font-weight : normal ;	
	}
	.line1 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px;
		font-weight: normal;
		background-color: #ffffff; 
		color: #222244; 		
	}
	.line2 
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px;
		font-weight: normal;
		background-color: #eeeeee; 
		color: #222244;		
	}
	.productnameheader
	{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		font-weight: bold;
	}

a{		color:#D11100;
		text-decoration:none;
		}
a:hover{	text-decoration:underline;
		}

input{		border:1px solid #B7C4CE;
		}	

H1{		padding:0px;
		margin:0px;
		border:0px;
		font-size:17px;
		line-height:22px;
		text-decoration:none;
		font-weight:normal;
		}
H3{		padding:0px;
		margin:0px;
		border:0px;
		font-size:14px;
		line-height:20px;
		text-decoration:none;
		font-weight:normal;
		padding-bottom:5px;
		}		
		

/* LAYOUT - FRAMEWORK ----------------------- */	

#bgcontainer{	width:100%;
		overflow:hidden;
		background-image:url(gfx/bg.jpg);
		background-repeat:repeat-x;
		background-color:#FDFEFE;
		min-height:630px;
		}

#wrap{		
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		text-align:left;
		padding:10px;
		background-image:url(gfx/wrapbg.jpg);
		background-repeat:repeat-x;
		background-color:#fff;
		width:980px;
		#width: 1000px; /*Override for IE browsers*/
		}
#top{		height:103px;
		width:1000px;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		background-image:url(gfx/topbg.jpg);
		background-repeat:repeat-x;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		}
#toplogo{	position:absolute;
		left:10px;
		top:11px;
		border:0px;
		}		
#topmenu{	height:29px;
		line-height:29px;
		position:absolute;
		left:10px;
		bottom:0px;
		font-size:12px;
		text-transform:uppercase;
		}		
#bottom{	width:100%;
		background-image:url(gfx/footerbg.jpg);
		background-repeat:repeat-x;
		min-height:211px;
		height:auto !important;
		height:211px;

		}	
#footer{	width:1000px;
		margin-left:auto;
		margin-right:auto;
		border:1px solid #fff;
		padding-top:24px;
		padding-bottom:16px;
		padding-left:10px;
		padding-right:10px;
		text-align:left;
		position:relative;
		min-height:90px;
		height:auto !important;
		height:100px;

		}
#bottomlogo{	position:absolute;
		right:10px;
		top:31px;
		border:0px;
		}
		
/* COLUMN LAYOUT - using table for compatibility. 3 columns. */

#columntable{	
		font-size:11px;		
		padding:0px;
		margin:0px;
		width:960px;
		#width:985px; /*overrid for ie browsers*/
		}
		
#left{		
		vertical-align:top;
		height:400px;	
		padding:0px;	
		width:172px;
		#width:172px; /*override for ie browsers*/
		}
#mid{		
		padding-left:0px;
		padding-right:0px;
		vertical-align:top;	
		width:656px;
		#width:656px; /*override for ie browsers*/
		}
#right{	
		vertical-align:top;
			width:172px;
			#width:172px; /*override for ie browsers*/
		}

/* BOXES FOR VARIOUS OPTIONAL FEATURES IN OUTER COLUMNS */		

.extrabox{
		padding-left:4px;
		padding-right :0px;
		padding-top:24px;
		padding-bottom:2px;
		font-size:11px;
		background-color:#D8E4ED;
		background-repeat:no-repeat;
		background-position:left top;
		margin-bottom:8px;
		width:155px;
		#width:161px; /*override for IE browsers*/
		}
		
/* SPECIFIC BOX STYLES */

.cart{		border:1px solid #AEC763;
		 background-image:url(gfx/cartbox.jpg);
		}

.compare{ border:1px solid #AEC763;
		  background-image:url(gfx/comparebox.jpg);
		}
.kundekonto{ border:1px solid #AEC763;
		  background-image:url(gfx/kundekonto.jpg);
		}
.search{	border:1px solid #67696B;
		background-image:url(gfx/searchbox.jpg);
		}
.login{		border:1px solid #D52719;
		background-image:url(gfx/loginbox.jpg);
		}		
.email{		border:1px solid #B7C5CE;
		background-image:url(gfx/emailbox.jpg);
		}
.config{ border:1px solid #B7C5CE;
		background-image:url(gfx/configbox.jpg);
		}
.prices{		border:1px solid #AEC763;
		 background-image:url(gfx/prices.jpg);
		}
/* BUTTONS & TEXT FIELDS */

#txtsearch{	width:150px;
		margin-bottom:4px;
		}
input.submit-btn{
		padding:1px;
		color:#fff;
		border:1px solid #95B521;
		font-size:10px;
		font-family:tahoma,verdana,Arial, Helvetica, sans-serif;
		background-color:transparent;
		background-image:url(gfx/greenbtn.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		cursor:pointer ;
		}
#btnsearch2{	width:145px;
		margin-top:4px;
		}	
#btnsearch3{	width:145px;
		margin-top:4px;
		}
#txtuser, #txtpass{
		width:86px;
		margin-top:2px;
		margin-left:4px;
		}
#btnlogin{	margin-top:4px;
		text-align:right;
		}		
#txtEmail{	width:150px;
		margin-top:4px;
		margin-bottom:4px;
		}
.noborder{	border:0px solid;}		

/* PRODUCT BOX LARGE */


.productboxes{	width:604px;border:0px solid;}

.productbox{	width:180px;
	    height: 210px;
		border:1px solid #B7C5CE;
		background-color:#fff;
		padding:4px;
		position:relative;
		overflow:hidden;
		margin-right:4px;
		margin-bottom:4px;
		}
.productbox_main
{
	    width:600px;
		border:1px solid #B7C5CE;
		background-color:#fff;
		padding:4px;
		position:relative;
		overflow:hidden;
		height :auto ;
			margin-right:4px;
		margin-bottom:4px;	
		background-image:url(gfx/wrapbg.jpg);
		background-repeat:repeat-x;		
		}
.productbox H4{	padding:0px;
		padding-bottom:2px;
		margin:0px;
		font-size:11px;
		font-weight:bold;
		color:#D11100;
		}
.merinfo{	position:absolute;
		left:2px;
		bottom:2px;
		}
.kjopna{	position:absolute;
		right:2px;
		bottom:2px;
		}
.midbanner{	margin-bottom:4px;}

/* PRODUCT LIST - ROWS */

.productlistheader{
		width:598px;
		padding:2px;
		background-color:#D8E4ED;
		border:1px solid #B7C5CF;
		margin-bottom:4px;
		}
.productlistrows{
		width:598px;
		padding:2px;		
		}
.productlistrows input{font-size:10px;}		
.oddline{	background-color:#D8E4ED;
		}
.productlistpager{
		width:598px;
		margin-top:4px;
		border-top:1px solid #B7C5CF;
		padding:2px;
		}
.tdstockno{	width:70px;vertical-align:top;}
.tddesc{	width:280px;vertical-align:top;}
.tdprice{	width:35px;vertical-align:top;}
.tdstock{	width:35px;vertical-align:top;}
.tditems{	width:40px;vertical-align:top;}
.tdbuy{		width:44px;vertical-align:top;}
.tdcompare{	width:65px;vertical-align:top;}
.tdnext{	width:70px;}
.tdprev{	width:70px;}

/* PRODUCT DETAILS */
IMG 
	{
		border: 0; }
.productoverview{
		width:598px;
		margin-bottom:10px;
		
		}
.productoverview td{
		vertical-align:top;
		font-size:11px;
		line-height:1.4em;
		}		
.productimgtd{	width:202px;padding-left:20px;}		
.productimg{	border:1px solid #B7C5CF;}

.producttable{	width:598px;
		border:1px solid #B7C5CF;
		margin-bottom:10px;
		padding:2px;
		}
.detailstd{	padding:2px;
		width:150px;
		vertical-align:top;
		}
.detailstdright{padding:2px;
		vertical-align:top;
		}	
.detailsheader{	font-weight:bold;
		padding:2px;
		font-size:12px;
		background-color:#fff;
		}	
.detailsstock{	width:40px;
		text-align:center;}		
		
  .TabArea
        {
                    background-color:  Transparent;
                    font-size: x-small;
                    border-left: 1px solid black;
                    border-bottom: 1px solid black;
                    border-right: 1px solid black;
                    border-top:1px solid black;                                    
                  
        }
  .TabText
  {
	    background-color :Transparent ;
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 12px; 
		font-weight: bold;
		padding-left: 2px;
		padding-right: 2px;
		color: #222244;
		height: 10px;
		border-left: 1px solid black;
         
        border-right: 1px solid black;
        border-top:1px solid black;
	}
	.TabTextSelected
	{
		 background-color:#D8E4ED;
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 12px; 
		font-weight: bold;
		padding-left: 2px;
		padding-right: 2px;
		color: #222244;
		height: 10px;
		border-left: 1px solid black;
        
        border-right: 1px solid black;
        border-top:1px solid black;
	}
	
#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 100%;
/*border-bottom: 1px solid #bbb;*/
list-style-type: none;
background: transparent;
}

#navlist li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: transparent;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #039;
border-bottom: 1px solid #bbb;
cursor: pointer;
background: #eee;
}
/*
#navlist li a#current, #navlist li a#current:link
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}*/

#navlist li a#current:hover
{
border-bottom: 1px solid #f90;
background: #eee;
}

/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:100%;
          background:transparent/*#F4F7FB*/;
      font-size:93%;
      /*line-height:normal;*/
          border-bottom:1px solid #BCD2E6;          
          height:15px;
		/*line-height:15px;*/
		position:absolute;
		left:0px;
		/*bottom:0px;*/
		top:70px;
		font-size:12px;
		font-weight :bold;
		/*text-transform:uppercase;*/
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 10px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B6E6F;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
/*-----*/