BODY { 
padding-right : 0; 
padding-left : 0; 
font-size : 11px; 
padding-bottom : 0; 
margin : 0 auto; 
padding-top : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
background-color : #336699; 
} 

A { 
color : #2255aa;  
} 
h1
{
	font-size: 18px;
	font-weight: bold;
}
#page { padding-bottom : 0px; margin : auto; width : 980px; padding-top : 0px; background-image : url(../grafik/content_bg.jpg); background-repeat : repeat-y; overflow : hidden; min-height: 600px; } 
#content { 
margin: 20px 30px 20px 0px; width: 700px; float: right;
} 
/*
#content A:hover { 
text-decoration : underline; 
}
*/
#header { background-image : url(../grafik/header_bg.jpg); background-repeat : no-repeat; background-position : center; height : 132px; margin : auto; width : 980px; padding-top : 0; overflow : hidden; } 
#footer { overflow : hidden; background-image : url(../grafik/footer_bg.jpg); background-repeat : no-repeat; background-position : center top; height : 90px; margin : auto; width : 980px;} 


#lista { border-top: solid silver 1px; border-right: solid silver 1px; border-bottom: solid silver 1px; border-left: solid silver 1px; padding: 7px 5px 5px 5px;} 
#lista li 
{ margin-left: 0; list-style: none; line-height : 1.2em; padding-left: 10px; background-image: url(../grafik/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; }

#lista A 
{ text-decoration : underline; color: #000000; } 

#lista A:hover { text-decoration : underline; color: #336699; } 




#searchbox { 
position : absolute; 
width : 200px; 
margin-left : 760px; 
z-index : 99; 
margin-top : 0; 
margin-bottom : 5px; 
} 
#magnifyglass { 
width : 29px; 
height : 35px; 
z-index : 1; 
position : absolute; 
margin-left : 152px; 
}


#alert_cart { border: solid silver 1px; background-image: url(../grafik/alert_varukorg.jpg); background-repeat: no-repeat; width: 194px; height: 83px; text-align: left} 



.input
 { border-top: solid silver 1px; border-right: solid silver 1px; border-bottom: solid silver 1px; border-left: solid silver 1px; margin-bottom: 5px; }

textarea { border-top: solid silver 1px; border-right: solid silver 1px; border-bottom: solid silver 1px; border-left: solid silver 1px; margin: 5px 0px 5px 0px; ; }

.submit_knapp { 
color : #ffffff; 
height : 26px; 
font-size : 11px; 
border : 1px solid #000000; 
text-align : center; 
line-height : 1.5em; 
background-image : url(../grafik/button_bg.gif); 
background-repeat : repeat-x; 
margin: 5px 0px 5px 0px;
} 
.submit_knapp:hover { background-image:url(../grafik/button_bg_hover.gif); background-repeat: repeat-x; cursor: pointer; cursor: hand; }



.login_knapp { color : #ffffff; height : 22px; font-size : 11px; border : 1px solid #000000; text-align : center; background-image : url(../grafik/button_bg.gif); background-repeat : repeat-x; margin: 0px 0px 5px 0px; } 
.login_knapp:hover { background-image:url(../grafik/button_bg_hover.gif); background-repeat: repeat-x; cursor: pointer; cursor: hand; }

.login_input
 { border-top: solid silver 1px; border-right: solid silver 1px; border-bottom: solid silver 1px; border-left: solid silver 1px; margin-bottom: 5px;  width: 100px;}

form { 
 padding: 0px; 
 margin: 0px;
}



.tabel_content { border-right : 1px solid #cccccc; padding-left : 6px; padding-right : 6px; padding-bottom : 6px; padding-top : 6px; margin-left : 0; margin-bottom : 0; margin-top : 0; border-left : 1px solid #cccccc; border-bottom : 1px solid #cccccc; border-top: 1px solid #cccccc; } 

.tabel_head { 
/* width : 650px;  */
height : 22px; 
text-align : center; 
font-weight : bold; 
color : #000000; 
vertical-align : middle; 
font-size : 12px; 
line-height : 1.5em; 
} 
#errortext { border : 1px solid #17517f; background-color : #f2f2f2; color : #cc0000; margin-bottom : 7px; margin-top : 7px; padding: 5px 5px 5px 5px; } 

#oktext { border: solid #0066FF 1px; margin-bottom : 7px; margin-top : 7px; padding: 5px 5px 5px 5px; background-color: #F2F2F2; } 
.glossymenu { 
position : relative; 
padding : 0 0 0 34px; 
margin : 0 0 0 13px; 
background : url(../grafik/menub_bg.gif) repeat-x; 
height : 46px; 
list-style : none; 
width : 919px; 
background-position : center; 
} 
.glossymenu A:hover { 
color : #000000; 
text-decoration : none; 
} 
.glossymenu li { 
float : left; 
} 
.glossymenu li a { 
float : left; 
display : block; 
color : #000; 
text-decoration : none; 
font-family : sans-serif; 
font-size : 13px; 
font-weight : bold; 
padding : 0 0 0 16px; 
height : 46px; 
line-height : 46px; 
text-align : center; 
cursor : pointer; 
} 
.glossymenu li a b { 
float : left; 
display : block; 
padding : 0 24px 0 8px; 
} 
.glossymenu li.current a, .glossymenu li a:hover { 
color : #fff; 
background : url(../grafik/menub_hover_left.gif) no-repeat; 
background-position : left; 
} 
.glossymenu li.current a b, .glossymenu li a:hover b { 
color : #fff; 
background : url(../grafik/menub_hover_right.gif) no-repeat right top; 
} 


/* css för produktrutor på frontsidorna */
#produktbox { border: solid silver 1px; padding: 3px 5px 3px 5px; text-align: center; width: 210px; height: 270px; float: left; margin: 6px 5px 0px 0px; }
#produktbox form {  margin: 5px 7px 5px 7px; padding: 3px 3px 3px 3px;}
.product_link { float: left; width: 195px; line-height: 1.5em; height: 35px; margin: 0px 0px 4px 0px; border: dotted white 1px; }
a.product_link:link { color: #000000; text-decoration: none; }
a.product_link:visited { color: #000000; text-decoration: none;  }
a.product_link:hover { color: #000000; text-decoration: none; border: dotted silver 1px; }



/* Köp knapp + antalet + pris*/
.kop_knapp {
color : #FFFFFF;
border : 1px solid #000000;
text-align : center;
background-image : url(../grafik/button_bg.gif);
background-repeat : repeat-x;
width: 115px;
}
.kop_knapp:hover { background-image:url(../grafik/button_bg_hover.gif); background-repeat: repeat-x; cursor: pointer; cursor: hand;}
.kop_input { border: solid silver 1px; width: 16px; text-align: center; height : 16px; font-size : 10px; margin: 0px 1px 0px 1px; }
.price {
font-size : 12px;
font-weight: bold;
letter-spacing: -1px;
}

/*  Varukorgens antal ruta*/
.varukorg_amount { border: solid silver 1px; width: 30px; text-align: right; height : 14px; font-size : 12px; margin: 0px 0px 0px 0px; }

/* små kategori rutor */
.kategoribox_link { float: left; width: 92px; line-height: 2.0em; height: 23px; margin: 0px 0px 4px 6px; text-align: center; border: solid white 1px; }
a.kategoribox_link:link { color: #000000; text-decoration: none; }
a.kategoribox_link:visited { color: #000000; text-decoration: none; }
a.kategoribox_link:hover { color: #000000; text-decoration: none; border: solid silver 1px; background-color: #F2F2F2; }

/* css för visning av en produkt på produktsidan */
#produktdetaljbox { padding: 0px 0px 0px 0px; text-align: center; width: 190px; min-height: 450px; float: left; margin: 0px 5px 0px 0px; }
#produktdetaljbox form {  margin: 5px 7px 5px 7px; padding: 3px 3px 3px 3px;}

/* delete knapp i varukorgen blandannat. */
.delete_button { width: 18px; line-height: 1.4em; height: 16px; margin: 0px 0px 0px 3px; text-align: center; border: solid #CC0000 1px; float: left; background-color: #FFFFCC; color: #CC0000; }
a.delete_button:link { color: #000000; text-decoration: none; font-weight: bold; }
a.delete_button:visited { color: #000000; text-decoration: none; }
a.delete_button:hover { color: #FFFFFF; text-decoration: none; border: solid black 1px; background-color: #CC0000; font-weight: bold; }

/* Förstoringsglas helt i css för extra bilder */
.magnify_icon { margin: -17px 0px 0px 0px; position: relative; width: 15px; line-height: 1em; height: 15px; text-align: center; border: solid silver 1px; float: left; background-color: #FFFFFF; color: #000000; font-size: 14px; }
a.magnify_icon:link { color: #000000; text-decoration: none; }
a.magnify_icon:visited { color: #000000; text-decoration: none; }
a.magnify_icon:hover { color: #000000; text-decoration: none; }
a.magnify_icon:active { color: #000000; text-decoration: none; }

/* hjälptext + javascript */
#tooltip {
display:none;
position:absolute;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
border: solid black 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 200px;
}

/* vänster meny knappar och länkar.*/
.menubuttons {
float: left;
margin: 10px 0px 10px 0px;
border: solid silver 1px;
padding: 3px 3px 3px 3px;
width: 191px;
}
a.menubuttons:link { color: #000000; text-decoration: none; }
a.menubuttons:visited { color: #000000; text-decoration: none; }
a.menubuttons:hover {
color: #000000;
text-decoration: none;
border: solid silver 1px;
}
a.menubuttons:active { color: #000000; text-decoration: none; }

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
	/* --- Nedan För Den vänstra produkt menyn ---*/
.dtree {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5em;
color: #000000;
white-space: nowrap;
border: solid black 1px;
padding: 1px 3px 3px 3px;
font-weight: bold;
margin: 10px 0px 0px 0px;
background-image: url(../grafik/productmenubg.gif);
background-repeat: no-repeat;
background-position: left top;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 1px 1px 1px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #2255aa;
	text-decoration: underline;
}
.dtree a.nodeSel {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}
.dtree .clip {
	overflow: hidden;
}