/*
products.css

2006-11-12 19:01:42 (Jake): created
*/
/*
-------------------------------------------------------
Produktmenyn i övre högra hörnet.
-------------------------------------------------------
*/
#productlist {
	position: absolute;
	left: 250px;
	top: 2px;
	width: 550px;
	height: 16px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(art/products/blue_line.png);
}
/*
-------------------------------------------------------
Startsidan för produkterna
-------------------------------------------------------

Textkolumnerna, bägge
*/
#productcolumn1, #productcolumn2 {
	position: absolute;
	top: 65px;
	width: 300px;
	height: 120px;
}
/*
Textkolumnen till vänster
*/
#productcolumn1 {
	left: 80px;
}
/*
Textkolumnen till vänster
*/
#productcolumn2 {
	left: 430px;
}
/*
Rubrik för varje produkt.
*/
#producttitle {
	position: absolute;
	left: 50px;
	top: 30px;
	color: rgb(40,63,111);
	font-size: 16px;
}
/*
Bilden till vänster
*/
#product_start_left {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 293px;
	height: 279px;
}
/*
Bilderna i mitten
*/
#product_start_middle {
	position: absolute;
	left: 300px;
	top: 300px;
	width: 200px;
	height: 250px;
	text-align: center;
}
/*
Bilden till höger
*/
#product_start_right {
	position: absolute;
	left: 504px;
	top: 150px;
	width: 296px;
	height: 287px;
}
/*
-------------------------------------------------------
Databoxen på produktsidorna
-------------------------------------------------------

Placeringen på databoxen på produktsidorna.
*/
#productdata {
	position: absolute;
	left: 495px;
	top: 60px;
}
/*
Storleken på databoxen på produktsidorna.
*/
#productdata_tab1_selected, #productdata_tab2_selected, #productdata_tab3_selected {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 287px;
	height: 48px;
}
/*
Bild på flikarna på databoxen i första läget.
*/
#productdata_tab1_selected {
	background-image: url(art/products/data_boxes/tab1.png);
}
/*
Bild på flikarna på databoxen i andra läget.
*/
#productdata_tab2_selected {
	background-image: url(art/products/data_boxes/tab2.png);
}
/*
Bild på flikarna på databoxen i tredje läget.
*/
#productdata_tab3_selected {
	background-image: url(art/products/data_boxes/tab3.png);
}
/*
Rubrikernas placering och färg för databoxens flikar på produktsidorna.
*/
#productdata_tab1, #productdata_tab2, #productdata_tab3 {
	position: absolute;
	top: 5px;
	text-align: center;
	color: rgb(255, 255, 255);
}
/*
Rubrik 1 placering och bredd.
*/
#productdata_tab1 {
	left: 0px;
	width: 100px;
}
/*
Rubrik 2 placering och bredd.
*/
#productdata_tab2 {
	left: 90px;
	width: 55px;
}
/*
Rubrik 3 placering och bredd.
*/
#productdata_tab3 {
	left: 140px;
	width: 60px;
}
/*
Textens placering och färg för databoxen på produktsidorna.
*/
#productdata_sheet_4stroke,  #productdata_sheet_electronic {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 278px;
	height: 330px;
	color: rgb(255,255,255);
	padding-left: 10px;
}
/*
Bild på databoxens nederdel 4-Stroke.
*/
#productdata_sheet_4stroke {
	background-image: url(art/products/data_boxes/box-4-stroke.png);
}
/*
Bild på databoxens nederdel Electronic.
*/
#productdata_sheet_electronic {
	background-image: url(art/products/data_boxes/box-electronic.png);
}
/*
-------------------------------------------------------
Produktbilderna till vänster på produktsidorna
-------------------------------------------------------

Miniatyrbildernas placering och bildram i databoxen.
*/
img.product_preview {
	border: 2px solid rgb(120, 132, 165);
	margin-left: 15px;
	margin-top: 10px;
}
/*
Produktbildernas placering och bildram.
*/
img.product_image {
	border: 2px solid rgb(120, 132, 165);
	position: absolute;
	left: 30px;
	top: 50px;
}
/*
Startbildens placering för varje produkt.
*/
#product_image {
	position: absolute;
	left: 20px;
	top: 60px;
}