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

/* Author: Bjarte Lund Rolland */

/* FANCY CART / CHECKLIST */

#cart p {
	margin:5px 5px 0px 39px
}

/* ADD TO CART BUTTONS */

.product_cartWrapper {
	height:25px;
	margin-top:10px;
}

.product_quantity {
	height: 17px;
	width: 17px;
	padding: 4px;
	background:red;
	border:none;
	border-bottom:2px black solid;
	float:left;
}
/*
	input:focus {
		background:blue;
		border-bottom:2px white solid;
	}
*/
.product_cartSmall {
	width:39px;
	height: 25px;
	background:red;
	border-right:2px black solid;
	border-bottom:2px black solid;
	float:left;
}

.product_cartBig {
/*	width:180px;*/
	height: 25px;
	background:red;
	border:none;
	border-right:2px black solid;
	border-bottom:2px black solid;
	float:left;
}

	.product_cartBig a {
		text-decoration:none;
		color:black;
		font-size:12px;
		float:left;
	}

	.product_cartBig img,.png {
		float:left;
		height: 25px;
	}

	.product_cartBig p {
		float:left;
		height: 22px;
		margin-top: 3px;
	}

.product_cartSmall:hover,
.product_cartBig:hover {
	background:blue;
	border-right:2px white solid;
	border-bottom:2px white solid;

}

/* 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



.product_display {
	width:240px;
	float:left;
	border:1px solid white;
	margin: 0 10px 10px 0;
	height: auto;
}
	.product_displayImg {
		width: 90px;
		height: 90px;
		float: left;
		border:1px solid white;
		margin: 0 10px 10px 10px;
	}

	.product_display h3 {
		margin: 5px 10px;
	}

	.product_display p {
		font-size:0.8em;
		margin-bottom:0px;
	}

*/

/* ----------------------------------------
[  ][  ]
[  ][  ]
[  ][  ]
Few products where pics and/ord descriptions are important
HEADER
PICS(SEVERAL??)
DESCRIPTION
DETAILS
PRICE/ADD
MORE
*/

.product_display {
	width:345px;
	float:left;
	border:1px solid white;
	margin: 0 10px 10px 0;
	height: auto;
	padding: 10px;
}

	#product_displayImg {
		width: 120px;
		height: 120px;
		float: left;
		margin: 0 10px 0 0;
	}

	.product_display h2 a:link,
	.product_display h2 a:active,
	.product_display h2 a:visited{
		text-decoration:none;
	}

	.product_display h2 a:hover {
		color:black;
	}

	.product_display p {
		font-size:0.8em;
		margin-bottom:0px;
	}

.product_cartWrapper {
}



/* ----------------------------------------
[      ]
[      ]
[      ]
Lots of products with little description and pics
HEADER
PIC
DETAILS
PRICE/ADD
MORE


.product_display {
	width:748px;
	float:left;
	border:1px solid white;
	margin: 0 0 5px 0;
	height: 65px;
	padding: 5px;
	border:1px #white solid;
}

	.product_displayImg {
		width: 60px;
		height: 60px;
		float: left;
		border:1px solid white;
		padding:1px;
		margin: 0 10px 0 0;
	}

	.product_display h2 a:link,
	.product_display h2 a:active,
	.product_display h2 a:visited{
		text-decoration:none;
	}

	.product_display h2 a:hover {
		color:black;
	}

	.product_display p {
		font-size:0.8em;
		margin-bottom:0px;
	}

.product_wideWrapper {
	float:left;
	width:550px;
	background:pink;
}

.product_wideWrapperRight {
	width:100px;
	float:right;
	background:yellow;
}*/

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

#product_left {
	float:left;
	width: 300px;
	background:yellow;
}

#product_right {
	float:left;
	width: 465px;
	background:teal;
}

#product_right .box {
	margin-right:10px;
	margin-top:0;
	padding-bottom:0;
}

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

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

.imgThumb img:hover,
.product_display img:hover {
	border:2px aqua solid;
	padding:0;
}