@charset "utf-8";
/* --  standard things  --*/
body, * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

h1 {
	/*font-family: "SF New Republic", "Trebuchet MS", Arial;
	font-family: "Trebuchet MS", Arial;
	color: #FF5A00;*/
	font-size: 25px;
	color: #FF6600;
	padding-bottom: 15px;
}

h2 {
	font-size: 20px;
	color: #444444;
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 0px;
}
h4 {
	font-size: 18px;
	padding: 0px;
	margin-top: 10px;
}
a img {
border-style: none;
}
a:hover{ color: #FF6600; }
a:link,a:visited {
color:#333333;
text-decoration: none;
}

#top {
	background-image: url(../img/design/top_bg3.png);
	border-top: 6px solid #ff6600;
	height: 128px;
}
/*#top a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../logo3.png');
	height: 83px;
	width: 381px;
	display: block;
	text-indent: -10000px;	
	margin-top: 6px;
	margin-left: 6px;

}
#top a[href] {
	background-image: url(../logo3.png);
}*/
#top a {
	background-image: url(../logo3.png);
	height: 83px;
	width: 381px;
	display: block;
	text-indent: -10000px;	
	margin-top: 6px;
	margin-left: 6px;

}
.topmargin {
	margin-top: 10px;
}
#main {
	float: left;
	width: 620px;
	padding-top: 5px;
	margin-left: 40px;
	/*background-color: #FFFFFF;*/
}
.produktbeskr {
line-height: 1.5em;
}
#print-footer {display: none;}





/* --  meny things  --*/
#menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 200px;
margin: 15px 5px;
float: left;
/*background-color: #F8F9F8;*/
margin-left: 10px;
/*border-left: 6px solid #FF6600;*/
}
#menu .top {
/*background-image: url(../design/bg_box_small_grad.png);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 1px solid #DDDDDD;*/
padding-top: 10px;
height: 18px;
margin-bottom: 6px;
}
#menu h3 {
font-size: 16px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 5px;
}
#m1 {
display: block;
padding-top: 15px;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
background-color: #F8F9F8
}
#m1 li { list-style-type: none;}
#m1 a {
display: block;
text-decoration:none;
padding: 3px 20px;;
}
#m1 a:link{ color: #333; }
#m1 a:visited{ color: #333; }
#m1 a:hover{ background: #DDDDDD; }
#m1 a#current{background: #F9F9F9; color: #666;}
#m2 {
display: block;
padding-top: 15px;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
background-color: #F8F9F8
}
#m2 li { list-style-type: none;}
#m2 a {
display: block;
text-decoration:none;
padding: 3px 20px;;
}
#m2 a:link{ color: #333; }
#m2 a:visited {color: #333; }
#m2 a:hover{ background: #E1E1E1; }
#m2 a#current{ background: #F9F9F9; color: #666; }
#m3 {
height: 100px;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
background-color: #F8F9F8
}














/* --  pref table things  --*/
#pref {
/*border-collapse: collapse;
border: 1px dotted #666;
clear: both;
margin-top: 30px;*/
width: 100%;
}
#pref td {
padding: 5px 20px;
}




.p_table {
width: 270px;
}
.p_table {
top: 0px;
width: 100%;
height: 100%;

}
.p_table2 {
width: 100%;
padding: 0px;
}


.pro {

	vertical-align: top;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	border-top: 1px solid #DDDDDD;

	padding: 8px 8px 0px 8px;

	background-image: url(../img/design/bg_box_btn_grad.png);

	background-repeat: repeat-x;

	background-position: bottom;

}

.pro_2 {

	width: 270px;

}

.pro_1 {

	width: 546px;

}

.pro_under {
background-color: #F3F3F3;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;


}
.pro2 {
border-bottom: 1px solid #DDDDDD;
margin: 3px;
padding: 3px;
background-image: url(../img/design/bg_box_btn_grad.png);
background-repeat: repeat-x;
background-position: bottom;
width: 270px;
}
.pro2 ul {
padding: 5px 0px;
}
.proNo {
margin: 3px;
padding: 3px;
width: 270px;
}


.p_img {
float: none;
padding: 0px;
margin-right: 40px;
}



.style3 {
font-size: 10px;
margin-left: 30px;
clear: both;
vertical-align: top;
}
.style4 {
color: #FE6D36;
display: block;
float: right;
font-weight: bold;
margin-top: 5px;
background-image: url(../img/design/btn_arrow.png);
background-repeat: no-repeat;
padding-left: 30px;
background-position: 0px center;

	cursor: pointer;

}
.style4_no_arrow {
color: #FE6D36;
display: block;
float: left;
font-weight: bold;
margin-top: 5px;
padding-left: 10px;

	cursor: pointer;
}
.style5 {
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

.style6 {
color: #FF6600;
font-size: 18px;
font-family: "Trebuchet MS", Arial;
font-weight: bold;
margin-left: 30px;
vertical-align: bottom;
}













/*
#menu {
width: 200px;
height: 700px;
padding-top: 5px;
background-repeat: repeat-y;
background-position: right;
float: left;
}
#menu ul {
text-align: right;
width: 100%;
}
#menu li {

list-style-type: none;
}
#menu a {
display: block;
padding: 3px 18px;
}
#menu a:hover {
background-color: #FFFFFF;
background-color: #FF5200;
}
#menu a:hover span {
border-bottom: dotted 1px #333333;
}
*/







li {
list-style-type: none;
}
#main li {

display: block;


margin-top: 10px;
background-image: url(../img/design/btn_arrow.png);
background-repeat: no-repeat;
padding-left: 30px;
background-position: 0px center;
}



#main li {
padding-left: 15px; margin-left: 15px; background: url(../img/design/pil.png) no-repeat left center;
}



















.PaginBar {
/*background-image: url(../design/bg_box_small_grad.png);*/
background-repeat: repeat-x;
background-position: bottom;
padding-top: 16px;
/*border-bottom: 1px solid #DDDDDD;*/
}

.PaginBtnRight {
display: block;
text-decoration: none;
float: left;
background-image: url(../img/design/btn_arrow.png);
background-repeat: no-repeat;
padding: 0px 20px;
background-position: right center;
}
.PaginBtnLeft {
display: block;
text-decoration: none;
float: left;
background-image: url(../img/design/btn_arrow_left.png);
background-repeat: no-repeat;
padding: 0px 20px;
background-position: left center;
}
.PaginBtnNmbr {
color: #FE6D36;
text-decoration: none;
font-weight: bold;
float: left;
padding: 0px 2px;


}
#main .space {
background-color: #FFFFFF;
height: 6px;
width: 4px;
}
#main .main_table {
width: 600px;
}























#prodmeny li {
display: inline;
list-style: none;
float: left;
height: 27px;
}
#prodmeny a {
/*padding: 10px 5px 0px 5px;*/
color: #DDDDDD;
text-decoration: none;
background-color: #373737;
height: 27px;
display: block;
padding-right: 10px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 25px;
}

#prodmeny .selected {
color: #FFFFFF;
background-color:#434343;
}
#prodmeny {
background-image: url(img/box_left.png);
background-repeat: no-repeat;
background-position: left top;
height: 27px;
padding-left: 15px;
background-color: #FFFFFF;
}
#prodmeny .prodmeny_end {
background-image: url(../box_right.png);
height: 27px;
background-repeat: no-repeat;
background-color: #FFFFFF;
width: 20px;
}
#prodbox {
width: 550px;
}
#prodinfo {
background-image: url(../box_bg.png);
background-repeat: repeat-x;
padding: 10px;
height: 200px;
}
.prodinfo_2_column_left {
clear: left;
float: left;
width: 47%;
}

.prodinfo_2_column_right {
clear: right;
float: right;
width: 47%;
}






#prodinfo li {
display: block;
list-style-type: none;
margin-top: 10px;
/*background-image: url(../../design/btn_arrow.png);
background-repeat: no-repeat;*/
padding-left: 30px;
background-position: 0px top;
}



#prodinfo li {
padding-left: 0px;
margin-left: 0px;	/*background: url(../../design/pil.png) no-repeat left center;*/
}

#show a {

	color: #FFFFFF;

}

.cartChangeNum {
	float: left;
	margin-right: 10px;
	margin-left: 2px;
	clear: none;
	display: block;
}




#egenskaper {
display: block;
}
#fordelar {
display: none;
}
#teknisk_data {
display: none;
}

.bg {
	background-color: #FAFAFA;
	padding: 10px;
}

/* ----------------------- FORM -------------------- */

form {
	background-color: #FAFAFA;
	padding: 10px;
}
th {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	width: 120px;
	vertical-align: top;
}
label {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}



/* style for inputs  */
.t_input {
	height: 18px;
	border: 0px none;
	background-image: url(../images/input.png);
	background-repeat: repeat-x;
	float: left;
	width: 155px;
}
.input_left {
	background-image: url(../images/input_left.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 4px;
	float: left;
}
.input_right {
	background-image: url(../images/input_right.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 4px;	
	padding: 2px 4px;
	float: left;
	color: #FF0000;
}
.input_right_error {
	/*background-image: url(../images/input_right.png);
	background-repeat: no-repeat;
	height: 18px;*/
	/*width: 4px;	*/
	padding: 0px 0px;
	margin-bottom: 5px;
	/*float: left;*/
	clear: left;
	color: #FF0000;
	font-size: 10px;
}

/* style for textarea  */
.t_textarea {
	height: 72px;
	border: 0px none;
	background-image: url(../images/textarea.png);
	float: left;
	width: 285px;
	background-attachment: inherit;
}
.textarea_left {
	background-image: url(../images/textarea_left.png);
	background-repeat: no-repeat;
	height: 72px;
	width: 4px;
	float: left;
}
.textarea_right {
	background-image: url(../images/textarea_right.png);
	background-repeat: no-repeat;
	height: 72px;
	width: 4px;	
	padding: 2px 4px;
	float: left;
	font-size: 10px;
}

/* style for buttons  */
.btn {
	height: 22px;
	font-size: 12px;
	border: 0px none;
	background-image: url(../images/button.png);
	background-repeat: repeat-x;
	float: left;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: 10px;
}
.btn_left {
	background-image: url(../images/button_left.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 4px;
	float: left;
	margin-top: 10px;
}
.btn_right {
	background-image: url(../images/button_right.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 4px;	
	float: left;
	margin-top: 10px;
}
.btn_a {
	text-decoration: none;
	color: #666666;

}
.btn_a:hover {
	color: #ff6600;
	cursor: pointer;
}
.kontakt_li {
	padding-bottom: 4px;
}
.form_text {
	width: 285px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 20px;
	padding-left: 4px;
	line-height: 1.5em;
}

