@charset "utf-8";
/* CSS Document for module Butikk only */

/* Author: Bjarte Lund Rolland */

/* AUTO-CROP */

/* view_list */

.product_display .crop,
.product_display .crop a {
	width: 140px;
	height: 140px;
}

.product_displayFront .crop,
.product_displayFront .crop a {
	width: 108px;
	height: 108px;
	float:left;
}

.product_display .crop,
.product_displayFront .crop{
	text-align: center;
	position: relative;
	margin-bottom:5px;
	border:solid 1px white;
}

.product_display .crop:hover,
.product_displayFront .crop:hover{
	border:solid 1px #008D59;
}

.product_display .crop a,
.product_displayFront .crop a{
	display: block;
	text-decoration:none;
}

.product_display .crop {
	background:white;
}

/* view_product_inline

#product_left .crop,
#product_left .crop a {
	width: 208px;
	height: 208px;
}

#product_left .crop {
	text-align: center;
	position: relative;
	margin-bottom:5px;
	border:solid 1px white;
}

#product_left .crop:hover {
	border:solid 1px #008D59;
}

#product_left .crop a {
	display: block;
	text-decoration:none;
}
 */

/* LISTING THE PRODUCTS
Styles for view_list.cfm with three different ways of displaying products:
---------------------------------------- */

/* 
[ ][ ][ ]
[ ][ ][ ]
[ ][ ][ ]
Lots of products where pics are more important than description
HEADER
PIC
PRICE/ADD
MORE
*/

#productListWrapper {
	width:810px;
	float:left;
}

.product_display {
	width:142px;
	height:185px;
	float:left;
	margin: 0 10px 10px 0;
	background:#F2F2F2;
	padding: 5px;
	overflow:hidden;
}	

/* SELECTED PRODUCT
Styles for view_product_inline.cfm
---------------------------------------- */

#product_left {
	float:left;
	width: 305px;
}

	#product_left img{
		border:solid 1px #F2F2F2;
	}

#product_right {
	float:left;
	width: 495px;
}

#product_right .box {
}

.imgBig img{
	width:270px;
	margin-bottom:10px;
}

.imgThumb img{
	width:136px;
	margin:0 10px 10px 0;
	float:left;
	height: 100px;
	cursor: pointer;
	border:1px #c4112f solid;
}

.imgThumb img:hover {
	border:1px #7d6b55 solid;
}

.colorpicker {

}

/* RELATED PRODUCT
---------------------------------------- */
.product_related {
	float:left;
	width:180px;
	height:110px;
	background:#F2F2F2 ;
	margin:0 10px 10px 0;
	padding:5px;
}