a:link { text-decoration: none; color: #CC3333}
a:visited { text-decoration: none; color: #CC3333}
a:active { text-decoration: none; color: #CC3333}
a:hover { text-decoration: underline}

body {
	margin: 0px;
	padding: 0px;
	font: normal 11px Arial, Helvetica, Sans-serif;
	text-align: center;
	color: #666;
}

a 	{ color:#777; }

a:hover { color:#A77749; }

h1 {
	font-size: 16px;
}

h2 {
	font-size: 16px;
}

#tabellen {
margin: 0px;
padding: 0px;
width: 1060px;

}

#page {
	position: relative;
	width: 910px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align:left;
	background: url(../../img/bkg_page.jpg) repeat-y top left;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 91px;
	background: url(../../img/bkg_logo.jpg) no-repeat top left;
}

#menu {
	position: absolute;
	top: 91px;
	left: 0px;
	width: 190px;
	padding-left: 40px;
	padding-top: 5px;
	background: url(../../img/bkg_menu_middle.jpg) repeat-y top left;
}

#menu .menu-top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 17px;
	background: url(../../img/bkg_menu_top.jpg) no-repeat top left;
}

#menu .menu-down {
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 230px;
	height: 21px;
	background: url(../../img/bkg_menu_bottom.jpg) no-repeat bottom left;
}

#menu .head-img {
	position: relative;
	width: 121px;
	height: 14px;
	background: url(../../img/menu.jpg) no-repeat 20px 0px;
}

#menu .footer-img {
	position: relative;
	width: 121px;
	height: 20px;
	margin-left: 35px;
}

#menu #MenuPos {
	position:relative; 
	width:160px; 
	height: 200px;
}

#menu #MenuPos ul{

}

#menu #MenuPos ul li{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 5px 5px -35px;
	list-style: none;
}

#menu #MenuPos ul li a {
	color: #000;
}

#menu #MenuPos ul li a:hover{
	color: #fac574;
	text-decoration: none;
}


#menu .p1 {
	padding: 0px 20px;
}

#menu .adress {
	width: 140px;
	padding: 0px 10px 20px;
	text-align: center;
}

#container {
	position: absolute;
	top: 450px;
	left: 0px;
	width: 190px;
	padding-left: 40px;
	margin-top: 25px;
	padding-top: 17px;
	padding-bottom: 21px;
	background: #fff url(../../img/bkg_menu_middle.jpg) repeat-y top left;
}

#container .top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 17px;
	background: url(../../img/bkg_menu_top.jpg) no-repeat top left;
}

#container .down {
	position: absolute;
	bottom: -3px;
	left: 0px;
	width: 230px;
	height: 21px;
	background: url(../../img/bkg_menu_bottom.jpg) no-repeat bottom left;
}

#container .p1 {
	margin: 0px 0px 0px 0px;
}

#main {
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 230px;
	width: 680px;
	min-height: 750px;
	background-image: url("../../img/bkg_main.jpg");
}
* html #main {
	height: 750px;
}

#main .top {
	position: absolute;
	top: 0px;
	left:0px;
	width: 680px;
	height: 25px;
	background: url(../../img/bkg_top.jpg) no-repeat top left;
}

#main span {
	padding: 0px 5px;
}

#main .p1 {
	width: 680px;
	padding: 10px 0px 0px 75px;
}

#main .p2 {
	padding: 100px 5px;
}

#main .p3 {
	width: 680px;
	padding: 0px 0px 0px 100px;
}

#main .p4 {
	
	padding: 10px 0px 0px 20px;
}

#main .p5 {
	width: 680px;
	padding: 25px 0px 0px 75px;
}

#main h5 span, /*#main h3, */ #menu h3, #news h3 {
	display: none;
}

#main h5 {
	width: 600px;
	height: 72px;
	/*background: transparent url(../../img/first-test.jpg) no-repeat top left;*/
	margin-top: -50px;
	margin-bottom: 20px;
}

#main .rightWelcome {
	float: right;
	margin-bottom: 30px;
}

#main .test {
	padding: 0px 40px;
}

#page #footer {
	position: absolute;
	bottom: -2px;
	left: 0px;
	width: 910px;
	height: 36px;
        clear: both;
	background: url(../../img/bkg_bottom.jpg) no-repeat bottom left;
}

#news-body {
	width: 590px;
  	margin:5px 10px;
  	padding:0px 0px;
  	border:1px solid #FFCC33;
  	border-width:0px 0px 1px;
}

#news-body .news-title {
  	color:#000000;
  	text-transform:uppercase;
  	letter-spacing:.2em;

}
#news-body .news {
	margin:5px;
	padding:2px;
  	color:#000000;
}


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

#loginbox {
	width: 165px;
}

#loginbox input {
	background: url(../../img/inputtext.jpg);
	border: 1px solid black;
	width: 150px;
	font-size: 9px;
	font-weight: bold;
}

#loginbox .submit, .custinfo .submit {
	background: url(../../img/inputsubmit.jpg);
	border: 1px solid black;
	width: 150px;
	font-size: 9px;
	margin-top: 5px;
}

.submit {
	background: url(../../img/inputsubmit.jpg);
	border: 1px solid black;
	width: 150px;
	font-size: 9px;
	margin-top: 5px;
}

a img {
	border: 0px;
}

#cart {
	width: 580px;
	font-size: 10px;
	color: black;
	border-collapse: collapse;
}

#cart .heads {
	font-size: 12px;
	font-weight: bold;
	background: #fc9;
}

#cart .small {
	font-size: 10px;
	font-weight: bold;
	width: 20px;
	text-align: center;
}

.custinfo {
	width: 500px;
	font-size: 10px;
	font-weight: bold;
}

.custinfo input {
	font-size: 10px;
	font-weight: bold;
	background-image: url(../../img/inputtext.jpg);
	border: 1px solid black;
	color: black;
	width: 150px;
}

.custinfo textarea {
	background: #FFCC9A url(../../img/inputtext.jpg) top left no-repeat;
	border: 1px solid black;
	width: 300px;
}
.custinfo .text {
	width: 150px;
}

.custinfo .rub {
	font-size: 12px;
}

.comments {
	color: #bbb;
	font-style: italic;
	width: 200px;
}

#texten {
	width: 620px;
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 60px;
}

a .left {
	font-size: 16px;
	font-weight: bold;
}

a .right {
	font-size: 16px;
	font-weight: bold;
}

.bold {
	font-weight: bold;
	font-size: 11px;
}

.small {
	font-size: 10px;
	font-weight: bold;
	background-image: url(../../img/inputtext.jpg);
	border: 1px solid black;
	color: black;
	width: 30px;

}

/*ANVÄNDARAVTAL*/

#avtal {
	width: 400px;
	font-size: 10px;
	margin-left: 75px;
}

#avtal .avtal_bigrub {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#avtal .avtal_rub {
	font-size: 12px;
	font-weight: bold;
}


#avtal .avtal_text {
	margin-left: 20px;
}

.right {
	float: right;
	width: 190px;
}

div .red {
	font-size: 20px;
	color: red;
}

#avtal .avtal_nr {
	font-size: 12px;
	font-weight: bold;
	
	
}
/*-----------------OM OSS------------------------*/

.about-us {
	clear: both;
}

.about-us a img {
	float: left;
	border: 1px solid #000;
}

.about-us .name {
	font-weight: bold;
}

.about-us .contact {
	margin: 15px;
}
/*-------------------------LILLA MENYN-------------------------*/

#little-menu {
	font-size: 12px;
	width: 600px;
	background-color: #f1b250;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}

#little-menu a:hover {
	background-color: #ffd38e;
	text-decoration: underline;
	color: #000;
}

#little-menu a:link {
	color: #000;
}

#little-menu a:visited {
	color: #000;
}

#little-menu a:active {
	color: #CC3333;
}

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

#camera a img {
	border: 1px solid #000;
	float: right;
}

/*-----FAQ---------*/

#FAQ {
	width: 400px;
	font-size: 12px;
	margin-left: 75px;
}

#FAQ .avtal_bigrub {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

#FAQ .avtal_rub {
	font-size: 12px;
	font-weight: bold;
}


#FAQ .avtal_text {
	margin-left: 20px;
	font-size: 12px;
}

#texten .test-20 {
	font-size: 18px;
	font-weight: bold;
}

#texten .test-21 {
	font-size: 14px;
}

.orderinfo {
	font-size: 12px;
	color: black;
	width: 500px;
	border: 1px solid black;
	margin-bottom: 30px;
	background: #ffd38e;
}

.orderspecs {
	background: #fcdeb0;
}

.custinfo2 {
	font-size: 12px;
	color: black;
	width: 400px;
	border: 1px solid black;
	margin-bottom: 30px;
	border-collapse: collapse;
}

.custinforow1 {
	background: #ffd38e;
}

.custinforow2 {
	background: #fcdeb0;
}

.offert {
	width: 200px;
	height: 100px;
	background: #ffd38e;
	border: 1px solid black;
	font-weight: bold;
}

#offerts input {
	width: 200px;
	background: #ffd38e;
	border: 1px solid black;
	font-weight: bold;
	font-size: 12px;
}

#offerts .check {
	width: 25px;
	border: 0px;
	background: transparent;
}

#offerts .antal {
	width: 20px;
}

.buytable {
	padding: 10px;
	width: 150px;
	margin: 10px;
	color: black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;	
	float: left;
}

.buytable .rub {
	font-size: 16px;
	font-weight: bold;
}

div .bigright {
	font-size: 16px;
	font-weight: bold;
	float: right;
	cursor: pointer;
	cursor: hand;
	color: #C33
}

div .bigright:hover {
	color: #A77749;
}

#cctype, #inputcc, #levadr {
	display: none;
}

.smallred {
	color: red;
	font-weight: bold;
}

.smallmargin {
	margin-left: -20px;
}

.admin {
	font-size: 16px;
	margin-bottom: 160px;
}

.inputtext {
	background: url(../../img/inputtext.jpg);
	border: 1px solid black;
	width: 150px;
	font-size: 9px;
	font-weight: bold;
}

dt {
	margin: 20px 20px 0 20px;
	font-weight: bold;
}


/**********************************************************/
/************************PRODUCTS**************************/
/**********************************************************/

.products .oldprice {
	color: #000;
	font-weight: bold;
	text-decoration: line-through;
	font-size:12px;
	text-align:center;
	margin-bottom: -15px;
}

.products {
	width: 600px;
	border-collapse: collapse;
	text-align: left;
	margin: 10px;
}

.products1 {
	width: 300px;
	border-collapse: collapse;
	text-align: center;
	margin: 10px;
}

.products1 .texten {
	text-align: left;
}

.products .image, .products h4, .products .price {
	text-align: center;
}

.products .price {
	font-size: 12px;
	font-weight: bold;
	color: #CC3333;
	margin-bottom: 10px;
}

.products .image {
	height: 150px;
}

.leftproduct {
	width: 33%;
	vertical-align: top;
	padding: 0 5px 0 5px;
}

.middleproduct {
	width:33%;
	border-left: 1px dotted #ccc;
	vertical-align: top;
	padding: 0 5px 0 5px;
}

.rightproduct {
	width: 33%;
	border-left: 1px dotted #ccc;
	vertical-align: top;
	padding: 0 5px 0 5px;
}

hr.products {
	border: 0px solid black;
	border-bottom: 1px solid #ccc;
	width: 150px;
}

.leftshowproduct {
	vertical-align: top;
	text-align: center;
	padding-right: 10px;
}

.leftshowproduct h3 {
	margin: 5px;
}

.rightshowproduct {
	padding-left: 10px;
	border-left: 1px dotted #ccc;
}

img.left {
	float: left;
	border: 0;
	padding: 0 5px 5px 0;
	margin: 0;
}

#topfront {
	background: url(../../img/xmas2.jpg) no-repeat bottom left;
	width: 440px;
	padding-left: 160px;
	height: 150px;
}

#topfront h2 {
	color: red;
}

#showcase {
	text-align: center;
	border-collapse: collapse;
}

#showcase td.rightshow {
	border-left: 1px dotted #ccc;
	vertical-align: top;
	width: 300px;
	padding-bottom: 20px;
}

#showcase td.leftshow {
	vertical-align: top;
	width: 300px;
	padding-bottom: 20px;
}

h3, h4 {
	font-size: 14px;
}
/*--------------Fält vid ändring av kunds email------------*/
.glassigt {
	width: 250px;
	border: 1px solid black;
	font-size: 9px;
	font-weight: bold;
}