* {
	margin:0;
	padding:0;
	}
body {
	margin: 0;
	padding: 0;
	background : #F4F9FD url(gfx/page_bg_shaded.gif);
	background-repeat:repeat-y;
	color:black;
	font:80%/150%  Verdana, Arial, Helvetica,"Microsoft Sans Serif",sans-serif;
	}
	
/*****************************************
| sidans strukturelement 
|
 ******************************************/
#container {
	background: #fff;
	float:left;
	width: 800px;
	position:relative;
	background:url(gfx/container_bg_wsidebar.gif) repeat-y;
	border-right : 1px solid Black;
}
#header {
	background: #F4F9FD;
	width: 800px;
	height: 150px;
	background-image : url(gfx/header_bg.jpg);
}
#header img {
	position:absolute;
	left:40px;
	color:#fff;
	top:30px;
	border:0;
	}
#navigation {
	color: White;
	background: #f4f9fd;
	width: 800px;
	background-image: url(gfx/frameheader_bg.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	border-bottom : 1px solid Black;
}
#leftcolumn {
	width: 120px;
	float:left;
	margin-top:10px;
	margin-right:10px;
	padding:0px 0px 0px 0px;
	/*border:1px solid red;*/
}

#main {
	width: 640px;
	padding:0 0px 0 0px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	/*border : 1px solid red;*/
}
#footer {
	width: 670px;
	margin-left:130px;
	height: 30px;
	padding-top: 30px;
	clear:both;
	/*border-top : 1px dotted #5078B4;*/
	font : 8pt "Courier New", Courier, monospace;
	text-align : center;
}
#copyrightnotice {
	margin-top:25px;
	font : 8pt "Courier New", Courier, monospace;
	text-align : center;
}

/*****************************************
| Menyer
|
 ******************************************/

/***********************.
| menyrad */

#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	display: inline;
	color: #282828;
	font-family : Arial, Helvetica;
	font-weight:bold;
	font-size: 95%;
	/*border:1px solid #848484;*/
}

#navigation{
	padding: 5px 0px 5px 0px;
}
#navigation ul li a {
	padding: 1px 5px;
	text-decoration: none;
	border-left:1px solid #848484;
}
#navigation ul li.first a {
	border-left:0;
}
.cat a{
		font-size : 110%;
}
.faq{
	margin-left:15px;
}
.r{
	color:red;
}
/**old
#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	display: inline;
	color: #282828;
	font-family : Arial, Helvetica;
	font-weight:bold;
	font-size: 95%;
	border:1px solid #848484;
}

#navigation li.last {
	margin-right: 0;
}
#navigation{
	padding: 5px 0px 5px 0px;
}
#navigation a  {
	padding: 0px 0px 0px 0px;
}
#navigation a {
	padding: 2px 10px;

	text-decoration: none;
	border:1px solid #848484;
}
#navigation li.first a {
	border-left:0;
}
.cat a{
		font-size : 120%;
}
.faq{
	margin-left:15px;
}

*/
/***********************.
| submeny */
#headermenulinks{

  float:right;
  width:85px;
  height:56px;
  background-color:#f4f9fd;
  font-size:85%;
  line-height:125%;
  padding:7px 2px 0 0;
}

#headermenulinks ul {
	list-style: none;
	padding:0 2px 2px 5px;
}

#headermenulinks ul li {
	list-style: none;
}
#headermenulinks ul li a {
	text-decoration: none;
}
/***********************.
| headermenu */

#subnavigation ul {
	list-style: none;
	padding:0 2px 2px 5px;
}

#subnavigation ul li {
	list-style: none;
}
#subnavigation ul li a {
	text-decoration: none;
}

/*******************************************
** globals
**
********************************************/
a {
	color: #454545;
}
p {
	margin-bottom:1em;
}
h1 {
	/*color:#5078B4;*/
	color:#282828;
	font-weight: bold;
	font-size:1.3em;
	margin-top:0;
	margin-bottom:0.5em;
}
h2 {
	/*color:#5078B4;*/
	color:#282828;
	font-weight: bold;
	font-size:1.2em;
	margin-bottom:5px;
}
h3 {
	/*color:#5078B4;*/
	color:#282828;
	font-weight: bold;
	font-size:1em;
	margin-bottom:5px;
}
h4 {
	/*color:#5078B4;*/
	color:#282828;
	font-weight: bold;
	font-style:italic;
	font-size:1em;
	margin-bottom:5px;
}
ul{
    padding-left:1em;
    margin-left:0;
    margin-bottom:1em;
}
.headlinelink{
	color:#4b4b4b;
	text-decoration:none;
}
.headlinelink img{
	border:0;
}

#page_help #main,
#page_faq #main,
#page_orderinfo #main,
#page_about #main {
	width:570px;
	padding-left: 30px;
	padding-right: 30px;
}

#page_orderinfo p.level3,
#page_orderinfo h3 {
	margin-left: 10px;
}
#page_orderinfo p.level4,
#page_orderinfo h4 {
	margin-left: 15px;
}

/* byggd på h2 */
.categorydivider{
	text-align:center;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #282828;
}
.imagelink{
	border:0;
}
.text_right{
	text-align:right;
}
.text_center{
	text-align:center;
}
.noborder{
	border:0;
}
.messagebox{
	border:1px solid red;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
}
/********************
** vänsterkolumn boxar
*********************/
.leftbox .boxtop{
	padding:2px 5px 2px 5px;
	color: White;
	font-weight:bold;
	background: #1C2765;
	background-image: url(gfx/boxheader_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.leftbox {
	background: #F4F9FD ;
	font-size:90%;
	margin-bottom:15px;
}
.leftbox .boxcontent {
	padding:5px 5px 5px 5px;
	margin:0;
}
.leftbox .boxbottom{
	color:White;
	text-align:right;
	padding:0px 10px 0px 10px;
	background: #F4F9FD ;
	/* mörk bg background: #424D59 ;*/
	font-size:90%;
	text-decoration:none;
	font-weight:bold;
}
/* ljus på mörk .leftbox .boxbottom a{ 	color:White; } */

/*******************************************
** slut vänster kolumn slut**/



/*******************************************
** vänster kolumn specialfall
**
********************************************/
#leftcolumn h1{
	font-size:110%;
}
#leftcolumn p{
	font-size:90%;
}
/*#shoppingcart, #search {
	margin-top:15px;
}*/
#searchbtn,
#search720 {
	margin: 10px 0 10px 10px;
	font-size:90%;
	font-family:Verdana, Arial, sans-serif;
}

#search #search720 {
	display:block;
	color:#000;
	background:#fff;
	width:90px;
	margin: 10px 0 10px 10px;
	font-size:100%;
	font-family:Verdana, Arial, sans-serif;
}
#search #searchbtn {
	padding:0 10px;
	margin: 0 0 10px 10px;
	font-size:90%;
	font-family:Verdana, Arial, sans-serif;
}

/****************

*** produkter ***

*****************/
.productframesmallORG{
	background-image: url(gfx/productframe_top.gif);
	background-position:top;
	background-repeat:repeat-x;
	float:left;
	width:280px;
	margin-top:10px;
	margin-right:15px;
	border:1px solid #C4D2E1;
	padding:1px 10px 10px 10px;
}
.productframesmall{

	float:left;
	width:300px;
	margin-top:10px;
	margin-right:15px;
	border:1px solid #C4D2E1;
}
.productframesmall .name{
	background:#f4f9fd;
	background-image: url(gfx/frameheader_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#282828;
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
}
.productframesmall .textcontainer{
	padding:0 10px 10px 10px;
}
.productframesmall .textcontainer .icon{
	text-align:right;
}
.productframesmall .productimage{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}
.productframesmall .price{
	clear:both;
}
.productframesmall .sale{
	color:red;
	font-weight : bold;
	font-size:120%;
}
.productframesmall .link{
	font-weight:bold;
	text-align:right;
	clear:both;
}

/* båda frames */
.sale_old{
	text-decoration : line-through;
}

/*
.productframelarge .sale
{
	color:red;
}
.productframelarge .price
{
	font-size:160%;
	font-weight:900;
}
.productframelarge .sale_old
{
	font-size:120%;
	font-weight : normal;
}
.productframelarge .price{
	margin-top:10px;
}
.productframelarge .size{
	margin-top:10px;
}
.productframelarge .buy{
	margin-top:10px;
	font-weight:bold;
	text-align:right;
	clear:both;
}
*/
.a720table .price
{
	font-size:100%;
	font-weight:bold;
}
.a720table .sale
{
	font-size:120%;
	color:red;
}
.productframelarge{
	width:630px;
	overflow:hidden;
}
.productframelarge .sale_old
{
	font-weight : normal;
}





/***********************.
| märken i butiken
************************/
#brandshortcuts {
	position:absolute;
	text-align:right;
	width: 230px;
	top:20px;
	left:800px;
}
#brandshortcuts img {
	margin:5px;
	
}
#brandshortcuts div {
	font-size:90%;
	text-align:center;
}
#brandshortcuts .ruler {
	margin-top:1em;
	font-size:90%;
	border-top : 1px solid #3f3f3f;
}
/* ------------ hcard ----- *
 http://microformats.org/wiki/hcard-examples
 *--------------------------*/
.vcard .compoundfield{
	margin:10px 0;
}

.vcard .org{
	font-weight:bold;
}

/* ------------ formulär -- *
 *                          *
 *--------------------------*/
.form720 {
	background:#F4F9FD;
	border:1px solid #C1DAD7;
	padding:10px 10px;
	width:580px;
	margin:20px 10px;
}
label {
	font-weight:bold;
	display:block;
	margin-top:1em;
}
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.8em;
}
input.txt, textarea.txt {
	color:#000;
	background:#fff;
	width:90%;
}
input.txt:focus, textarea.txt:focus {
	background:#d6e9fe;
}
input.narrow {
	width:30%;
}
input.formsubmit {
	padding:0 0.5em;
	margin-top : 1em;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica,"Microsoft Sans Serif",sans-serif;
	background:#1C2765; color:#fff;
	border:2px outset #1C2765;
	font-weight:bold;
}

input#addtocart {
	font-size:90%;
	font-family:Verdana, Arial, Helvetica,"Microsoft Sans Serif",sans-serif;
	background:#1C2765; color:#fff;
	border:2px outset #1C2765;
	font-weight:bold;
	padding:3px;
}

/*  ekundveganb*/
.a720table caption{
	display:none;
}
.a720table{
	width:620px;
	border: 1px solid #C1DAD7;
	margin:20px 10px;
}
.a720table .tableheadrow {
	background:#f4f9fd;
	background-image: url(gfx/frameheader_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.a720table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #282828;
	border-bottom: 1px solid #282828;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 6px 3px 12px;
}
.a720table td {
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color:#282828;
	font:80%/150%  Verdana, Arial, Helvetica,"Microsoft Sans Serif",sans-serif;
}
.a720table tr.alt td {
	background: #F4F9FD;
	color:#282828;
}

.a720table .text_center{
	text-align:center;
}
.a720table .text_right{
	text-align:right;
}
/**---------------- Checkout ----------------------**/

.checkoutbox {
	background:#F4F9FD;
	border:1px solid #C1DAD7;
	padding:10px 10px;
	width:580px;
	margin:0px 10px 0px 10px;
}

/* ---------- table of contents ------------------- */

div.toc {
  margin-left: 2em;
  margin-bottom: 0;
  float:right;
  width: 180px;
  font-size: 90%;
  clear:both;
}

div.tocheader {
  padding: 3px;
  border: 1px solid #C1DAD7;
  border-bottom:0;
  background-color: #f4f9fd;
  background-image: url(gfx/frameheader_bg.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  font-weight:bold;
}

#tocinside {
  border: 1px solid #C1DAD7;
  border-top:0;
  background-color: #ffffff;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
}

ul.toc li {
  background: transparent url(gfx/tocdot.gif) 0 0.6em no-repeat;
  padding-left:0.6em;
}

a.toc {
  text-decoration:none;
}

a.toc:hover {
  color: #000000;
  text-decoration:underline; 
}