body {padding: 8px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #F0F0F0;}
h1 {margin: 0 0 0.5em 0; font-size: 1.6em; font-family: Arial;}
h2 {margin: 0 0 0.5em 0; font-size: 1.4em; font-family: Arial;}
h3 {margin: 0.5em 0 0.5em 0; font-size: 1.2em; font-family: Arial;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 0.8em; font-family: Arial;}
p {line-height: 1.8em; margin: 0 0 0 0;}

/* sidlayout */
#layout {	 
	margin-right: auto; 
	margin-left: auto;
	width: 750px;
	background-color: #F0F0F0;
}

#top {
	margin-bottom: 8px;
	background: #BCE2FD;
}

#topcontent {
	height: 15px;
	background: url("images/headergradient.jpg") left center no-repeat; 
}

#container { 
	width: 750px;
	float: left;
}

#overcategories {
	background: url("images/kategori.jpg") left center no-repeat; 
	height: 30px;
	width: 160px;
	
}

#categories {
	float: left;
	background: #BCE2FD;
	width: 160px;
	height: 710px;	
	position: relative;
}

#undercategories {
	background: url("images/kategorifotgradient.jpg") left bottom no-repeat;
	height: 100px;
	width: 160px;
	position: absolute;
	float: left;
	bottom: 0;
}

#text {
	float: left;
 	width: 550px;
 	height: 690px;
 	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background: #FFFFFF;
}

#footer {
	clear: both;
	width: 750px;
	height: 20px;
	background-color: #F0F0F0;
	font-family: Courier New;
	font-size: 1em;
	text-align: center;	
	margin: auto;
	padding: auto;
	padding-top: 10px;
}


img.image {
	border: 0;
}

p.logo {
	z-index: 3;
	position: absolute;
	top: 22px;
	display: inline;
}


img#logo {
	margin-left: 10px;
	border: 0;
}

hr {
	border: 0;
	color: #000000;
	background: #000000;
	height: 1px;
}


/* spans */
span.price {
	font-style: italic;
}

span#sum {
	font-weight: bold;
}

span.announcement {
	float: left;
	width: 5em;
}

span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

span.info {
	font-style: italic;
	font-size: smaller;
	float: right;
	width: 29em;
	position: relative;
	top: -8px;
	left: 15px;
}

/* produktvisning */
ul.products {
 	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.products h3 {

}

ul.products li {
	float: left;
	height: 9.5em;
	width: 530px;
}

li.odd {
	background: #E3EAFD;
	
}

li.even {
	background: #FFFFFF;
/*	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
*/
}

.productsleft {
 	float: left;
}

ul.products li p.image {
	float: left;
	height: 9em;	
}

ul.products li a img.image {
	float: left;
	width: 100px;	
	margin: 0.5em 0.5em 0.5em 0.5em;
}

.productsmiddle {
	float: left;

	height: 6em;
	width: 60%;
}

ul.products li p.infotext {
	float: left;
	width: 100%;
	height: 75%;
	margin-left: 0.5em;

}

ul.products li p.moreinfo {
	clear: left;	
	margin-left: 0.5em;

}

.productsright {
	float: left;

	height: 6em;
	width: 15%;
}

p.box {
 	float: left;
	height: 75%;
	width: 3em;

}

ul.products li p.price {
	clear: left;
	text-align: right;
	width: 100%;
}


/* nyheter */
ul.news {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* tabell */

table#products {
	width: 20em;
}

#products th {
	text-align: left;
}

/* kampanj */
#offers {
	float: left;
}

div.productrow {
	display: block;
	float: left;
	width: 530px;
	margin-top: 1.5em;
}

div.productcolumn {
	float: left;
	width: 33.3%;
}

#offers p.image {
	height: 100px;
}


#offers p.infotext {
	width: 12em;
	height: 7.9em;
}

p.moreinfo {
	float: left;
	width: 5em;
	
}

p.price {
	font-weight: bold;	
	font-size: 1.1em;
}

/* formulär */
label {
	width: 6em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block; 
}

input {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
}

/* söknings formulär */
#search form {
	padding: 0;
	margin: 0;

}

#search input {
	display: inline;
	font-size: smaller;

}

#searchlabel {
	width: 2.5em;
	margin-right: 0.5em;
	padding-left: 12px;
}

#searchinput {
	width: 50px;
	display: inline;
}

/* tar bort FF bugg */
.hidden {
	border: none;
}

#searchbutton {
	width: 35px;
}

/* felmeddelanden */
div.error {
	float: left;
	width: 530px;
	font-size: 1.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	text-align: center;
	background: #E3EAFD;
}

div#ordererror {
	position: absolute;
	top: 220px;	
}

span.errormessage {
	color: red;
	font-family: Arial;
	font-weight: bold;
}

p.info {
	background: #f0ffce;
	float: left;
}

/* order */
#order {
	padding-top: 10px;
	margin: 0;
}

#order p {
	margin-top: 5px;
}

#order p.submit {
	clear: left;
	margin-left: 6.5em;
}

/* horizontalmeny */
#menucontainer {
	float: right;
	width: 375px;
}

#menucontainer p {
	display: inline;
}

a.meny {
 	text-decoration: none;
 	padding: 0 1.0em;
}

/* vertikalmeny */
#categories ul {
	margin: 0;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 25px;
	list-style-type: none;
}

#categories li {
	padding-bottom: 15px;
	margin-left: -15px;
}

#categories li a {
	background: transparent url("images/listmarkor.jpg") left center no-repeat; 
	padding-left: 30px; 
	text-decoration: none; 
}

/* kundvagn */
#cart {
	float: left;
	width: 750px;
	height: 26px;
	background: url("images/listkundvagn.jpg") left top no-repeat;
}

img#cartimg {
	margin-left: 350px;			
	margin-right: 4px;

}

#cart select {
 	margin-top: 4px;
 	font-size: smaller;
	width: 150px;
}

#cart input {
 	font-size: smaller;
 	margin-left: 5px;
}

#cartempty {

}

#cartcheckout {
	
}

#cart form {
	display: inline;
	margin-top: 5px;

}

#cart p {
	display: inline;
}

/* länkar i menyn */
a.meny:link {
	color: #000000;
	font-weight: bold;
}
a.meny:visited {
	color: #000000;
	font-weight: bold;
}
a.meny:hover {
	text-decoration: underline;
}
a.meny:active {
	color: #000000;	
}

/* länkar i produktlistan */
a.product:link {
	color: #000000;
}
a.product:visited {
	color: #000000;
}
a.product:hover {

}
a.product:active {
	color: #000000;	
}

li a#active {
	background: transparent url("images/listmarkor.jpg") left center no-repeat; 
	padding-left: 30px; 
	text-decoration: none; 
}

/* rundade hörn */
.b1{margin: 0 37px 0 5px; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 4px solid #000000;*/
}
.b2{margin: 0 33px 0 3px; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 3px solid #000000;*/
}
.b3{margin: 0 30px 0 2px; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 3px solid #000000;*/
}
.b4{margin: 0 27px 0 1px; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b5{margin: 0 24px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b6{margin: 0 22px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b7{margin: 0 20px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b8{margin: 0 18px 0 0; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b9{margin: 0 16px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 2px solid #000000;*/
}
.b10{margin: 0 14px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b11{margin: 0 13px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b12{margin: 0 12px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b13{margin: 0 11px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b14{margin: 0 10px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b15{margin: 0 9px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b16{margin: 0 8px 0 0; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b17{margin: 0 7px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b18{margin: 0 6px 0 0; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b19{margin: 0 5px 0 0; height: 1px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b20{margin: 0 4px 0 0; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b21{margin: 0 3px 0 0; height: 2px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b22{margin: 0 2px 0 0; height: 3px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b23{margin: 0 1px 0 0; height: 3px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}
.b24{margin: 0 0px 0 0; height: 4px; overflow: hidden; background: #BCE2FD;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}

.ab1{margin: 0 5px 0 5px; height: 1px; overflow: hidden; background: #6b97fb;}
.ab2{margin: 0 3px 0 3px; height: 1px; overflow: hidden; background: #6b97fb;}
.ab3{margin: 0 2px 0 2px; height: 1px; overflow: hidden; background: #6b97fb;}
.ab4{margin: 0 1px 0 1px; height: 2px; overflow: hidden; background: #6b97fb;}	


.roundtop {
 	z-index: 2;
	background-color: #F0F0F0;

}

.roundtopbottom{
	background-color: #F0F0F0;
}

.roundleftbottom {
 	width: 160px;
 	margin-top: 0px;
	background-color: #F0F0F0;
	float: left; 	
}

.roundrightbottom {
	width: 590px;
	background-color: #F0F0F0;
	float: left;

}

.roundrightcontent {
	border-right: 1px solid #FFFFFF;
	padding-top: 32px;
	background-color: #FFFFFF;
}


.c1{margin: 0 0 0 37px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 4px solid #000000;*/
}
.c2{margin: 0 0 0 33px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 3px solid #000000;*/
}
.c3{margin: 0 0 0 30px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 3px solid #000000;*/
}
.c4{margin: 0 0 0 27px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c5{margin: 0 0 0 24px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c6{margin: 0 0 0 22px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c7{margin: 0 0 0 20px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c8{margin: 0 0 0 18px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c9{margin: 0 0 0 16px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 2px solid #000000;*/
}
.c10{margin: 0 0 0 14px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c11{margin: 0 0 0 13px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c12{margin: 0 0 0 12px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c13{margin: 0 0 0 11px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c14{margin: 0 0 0 10px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c15{margin: 0 0 0 9px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c16{margin: 0 0 0 8px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c17{margin: 0 0 0 7px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c18{margin: 0 0 0 6px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c19{margin: 0 0 0 5px; height: 1px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c20{margin: 0 0 0 4px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c21{margin: 0 0 0 3px; height: 2px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c22{margin: 0 0 0 2px; height: 3px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c23{margin: 0 0 0 1px; height: 3px; overflow: hidden; background: #6b97fb;
/*	border-right: 1px solid #000000; border-left: 1px solid #000000;*/
}
.c24{margin: 0 0 0 0px; height: 4px; overflow: hidden; background: #6b97fb;
/*	border-left: 1px solid #000000; border-right: 1px solid #000000;*/
}

.d1{margin: 0 5px 0 0; height: 1px; overflow: hidden; background: #FFFFFF;}
.d2{margin: 0 3px 0 0; height: 1px; overflow: hidden; background: #FFFFFF;}
.d3{margin: 0 2px 0 0; height: 1px; overflow: hidden; background: #FFFFFF;}
.d4{margin: 0 1px 0 0; height: 2px; overflow: hidden; background: #FFFFFF;}