/* General page properties */

@import "menu_style.css";

.sptrp			{display: none;}

.quicknavbar {font-size: 11px; padding-left: 10px; background-image: url(/main/images/list_bg.gif); height: 28px;}

.bottom-panel 
    {
        background-image: url(/main/images/list_bg.gif); 
        height: 28px; 
        border: 1px dotted #dddddd; 
        border-left: 0px; 
        border-right: 0px; 
        text-align: left;
        font-family: verdana;
        font-size: 10px;
        padding-left: 10px;
        width: 100%;
        }

.product-image  
    {
     background-color: #FFF;     
     border:1px dotted #dddddd; border-left:0; 
     text-align:center;
     padding: 10px;
     margin-top: -10px;
     vertical-align: top;
    }
.product-image img 
    {
     height: 170px;
     width: 170px;
     vertical-align: top;     
    }

.bluepage_h1 {color: #FFFFFF; font-size: 18px; text-shadow: 1px 1px 2px #111;} 
  
.product-image-right  
    {
     background-color: #FFF;     
     border:1px dotted #dddddd; border-left:0; border-right:0; 
     text-align:center;
     padding: 10px;
     margin-top: -10px;
     vertical-align: top;
    }
.product-image-right img 
    {
     height: 170px;
     width: 170px;
     vertical-align: top;     
    }
    
.product-name 
    {
        font-weight: bold;
        padding: 10px;
        font-size: 11px;
        font-family: verdana;
        height: 40px;
    }
    
.product-description 
    {
        font-weight: normal;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
        font-family: verdana;
    }
    
.product-artnr 
    {
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        font-size: 11px;
        font-family: verdana;
    }

.product-price 
    {
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        font-size: 10px;
        font-family: verdana;
        vertical-align: bottom;
        margin-top:auto;
        margin-bottom: 0px;
    }
    
.product-buy-box
    {
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
        font-family: verdana;
        margin-top: auto;
    }
.product-buy-box form table
    {
        display:inline;
        vertical-align: bottom;
    }



#navigeringslist li
    {
    display: inline ;
    padding-right: 20px;
    padding-left: 20px;    
    }

#container 
	{
	width: 725px;
	background-color: #FFFFFF;
	text-align: center;
	margin: auto;
	height: auto;
	height: 100%;
	min-height: 100%;
	margin-bottom: -20px;
	}

.floatcontainer:after
    {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden;
    }
    
.floatcontainer{display: inline;}

    /* Holly Hack Targets IE Win only \*/
    * html .floatcontainer {height: 1%;}
    .floatcontainer{display:block;}
    /* End Holly Hack */

.floater{
		z-index: 100; 
		width: 100%;
		height: 102px;
		top: 32px;
		margin-left: auto;
		margin-right: auto;
		position: Absolute; 
		text-align: center;
		background-color: #fff;
		
		}
		
.floater{
		z-index: 2; 
		margin-left: auto;
		margin-right: auto;
		position: Absolute; 
		text-align: center;
		}

.shoppingcart {
		font-family: Verdana; 
		font-size: 12px; padding: 5px; 
		margin-top: 15px; background-color: #f5f5f5; 
		border-bottom: 2px solid #000; 		
		border-top: 2px solid #000; 
		width: 100%;
		}
		
.shoppingcart2 {
		font-family: Verdana; 
		font-size: 12px; padding: 5px; 
		width: 100%;
		height: 43px;
		color: #fff;
		background-image: url(/main/images/shopping_bg.gif);
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		}
		
.bannerad{
			border: 1px solid #000; 
			width: 700px; 
			margin-top: 10px; 
			z-index: 999;
		}

html {height:100%;} 

.sptrp			{display: none;}

.mytable		{height: 100%; width: 100%;}

.kundkorg		{margin: 0px; font-family: Verdana, sans-serif; font-size: 11px; border: 1px solid #CCCCCC; background-color: #FFFFFF;}

body			{margin: 0px; padding: 0px; height: 100%; background-image: url(/main/images/background2.gif); background-repeat:repeat-x;}
a.top:hover		{font-family:Verdana, Times, Serif; font-size: 11px;color: #0d2b86; text-decoration: none}
a.top:link		{font-family:Verdana, Times, Serif; font-size: 11px;color: #0d2b86; text-decoration: none}
a.top:active	{font-family:Verdana, Times, Serif; font-size: 11px;color: #0d2b86; text-decoration: none}
a.top:visited	{font-family:Verdana, Times, Serif; font-size: 11px;color: #0d2b86; text-decoration: none}
a:hover			{color: #0d2b86}
a:link			{color: #0d2b86}
a:active		{color: #0d2b86}
a:visited		{color: #0d2b86}
.blacklink		{font-family: Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration: underline;}
.ordtext		{font-family: Verdana, Times, Serif; font-size: 11px; color:#000000; letter-spacing: normal}
.ordtext2		{font-family: Verdana, Times, Serif; font-size:11px; color:#000000; letter-spacing: normal}
.ordtext3		{font-family: Verdana, Times, Serif; font-size:11px; color:#000000; letter-spacing: normal}
.ordtext4		{font-family: Verdana, Times, Serif; font-size:12px; color:#000000}
.sizetwo		{font-family: Verdana, Times, Serif; font-size:12px; color:#000000}

H1				{font-family: Verdana, Times, Serif; font-size:20px; color:#000000; font-weight: Bold}
H2				{font-family: Verdana, Times, Serif; font-size:14px; color:#000000; font-weight: Bold}
H3				{font-family: Verdana, Times, Serif; font-size: 11px; color:#000000; font-weight: Bold}
p				{font-family: Verdana, Times, Serif; font-size: 11px; color:#000000}
table           {font-family: Verdana, Times, Serif; font-size: 11px; color:#000000}

.under			{text-decoration: underline;}
.strike			{text-decoration: line-through;}
.leftalign		{text-align: left;}
table.center	{margin-left:auto; margin-right:auto;}

input.btn{
   font-family:Verdana, Verdana, sans-serif;
   font-size:11px;
   background-color:#FFFFFF;
   border:1px solid;
   padding: 0px;
   margin: 0px;
   padding-top: -1px;
   padding-bottom: -1px;
   border-color: #CCCCCC;}

/* Broschyr parametetrar */

.formular			{font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None} 
.underrubriksvart	{font-family:Verdana, Times, Serif; font-size: 11px; font-weight:Bold; color:#000000; text-decoration:None}
.generelltext		{font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None}
.Thin				{font-family:Verdana, Times, Serif; font-size:11px; border-style:groove; border-width: thin} 

/* Andra parametrar */

td.news_header		{border-bottom: 1px #000000 solid}
.grey_header		{font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None; background-color: #EFEFEF; border: 1px solid #999999; padding: 3px; text-align: left;}
.header     		{font-family:Verdana, Times, Serif; font-size: 11px; color:#333333; text-decoration:None; background-color: #EFEFEF; border: 1px #000; border-style: dotted; padding: 4px; text-align: left;}
.padded_text		{font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None; padding: 9px; width: 99%}

#top_obj				
{
	margin: auto;
	float: left;
	clear: both;
	text-align: right;
	width: 719px;
	background-color: #EFEFEF;
	padding: 2px;
	border: 1px solid #FFFFFF;
	font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None;
}

#footer				
{
	margin: auto;
	clear: both;
	text-align: center;
	background-color: #F9F9F9;
	padding: 1px;	 
	border-top: 1px solid #EFEFEF;
	font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None;
}

.newsticker				
{
	margin: auto;
	clear: both;
	text-align: center;
	width: 723px;
	background-color: #F9F9F9;
	padding: 1px;	 
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 10px;
	font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None;
}


#banner				
{
	margin: auto;
	float: left;
	clear: both;
	text-align: right;
	width: 723px;
	background-color: #EFEFEF;
	margin-top: -1px;
	height: 91px;
	border: 1px solid #FFFFFF;
	background-image: url(/main/images/logo3.gif); background-position: 2px 0px; background-repeat:no-repeat;
}

#menubar
{
	margin: auto;
	float: left;
	width: 723px;
	height: 18px;
	border: 1px solid #FFFFFF;
	background-color: #EFEFEF;
	margin-top: -1px;
	text-align: left;
	clear: both;
	font-family:Verdana, Times, Serif; font-size: 11px; color:#000000; text-decoration:None;
	}
	
#menubar2
{
	margin: auto;
	float: left;
	clear: both;
	}
	


.line
	{
	width:90%;
	border: 1px solid #c0c0c0;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	}


#left
	{
	width:350px;
	text-align: left;
	display:block;
	margin-left: 2px;
	float: left;
	padding: 1px;
	border: 0px solid #000000;
	background-color: #FFFFFF;
	line-height: 9px;
	}

#right
	{
	width:350px;
	text-align: left;
	margin-right: 2px;
	display:block;
	float: right;
	padding: 1px;
	background-color: #FFFFFF;
	line-height: 9px;
	}
	
/* Produktfocus.asp	*/
.graycell		{background-color: #F2F2F2; text-align: left;}
.whitecell		{background-color: #FFFFFF; text-align: left;}


.buttons a, .buttons button{
    display:block;
    margin-left:auto;
    margin-right: auto;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;

    font-family:Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2; border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff; border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/* REGULAR */

input.regular, .input a.regular{
    color:#336699;
    display:block;
    margin-left:auto;
    margin-right: auto;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family: Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.input a.regular:hover, input.regular:hover{
    background-color:#dff4ff; 
    border:1px solid #c2e1ef;
    color:#565656;
}
.input a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* REGULAR2, samma som ovan men vänsterorienterad */

input.regular2, .input a.regular2{
    color:#336699;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family: Verdana, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.input a.regular2:hover, input.regular2:hover{
    background-color:#dff4ff; 
    border:1px solid #c2e1ef;
    color:#565656;
}
.input a.regular2:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* negative */

input.negative, .input a.negative{
    color:#336699;
    display:block;
    margin-left:auto;
    margin-right: auto;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family: Verdana, Verdana, sans-serif;
    font-size:11px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.input a.negative:hover, input.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.input a.negative:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

