/*
--------------------------------------------
Project..: KanslietOnline™
Datetime.: 2010-06-15 13:35 CEST
Author...: Micke Andersson, Andersson Web
--------------------------------------------
*/


div.product div.PriceAndInfo {
	padding:			5px;
	background-color:	#f5f5f5;
	border-top:			1px #a1a1a1 solid;
	border-bottom:		1px #a1a1a1 solid;
}

div.product div.PriceAndInfo span {
	font-size:			1.1rem;
	font-size:			11px;
}

div.product div.PriceAndInfo div.PriceBox {
float: left;

}

div.product div.PriceAndInfo div.InfoBox {
float: right;

}

div.product div.PriceAndInfo div.InfoBox table tr td {
	font-size: 1.1rem; font-size: 11px;
	padding:			1px 3px;
	line-height:		1.3em;
	white-space:		nowrap;
}

div.product div.PriceAndInfo span.ProductPrice {
	font-size:			1.6rem; font-size: 16px; 
	font-weight:		bold;
	color:				#C3161C;
}

div.product div.PriceAndInfo span.ProductVat {
	font-size:			1rem;
	font-size:			10px;
	color:				#333;
}

span.ProductRegPrice {
	color:				#C3161C;
	text-decoration:	line-through;
}

div.product div.ProductAmount {
	position:			relative;
}

div.product div.ProductBuy {
	float:				left;
	width:				90px;
	position:			relative;
}

div.ProductAmount span,
div.ProductProp span {
	font-size:			1.4rem;
	font-size:			14px;
	font-weight:		bold;
	vertical-align:		-1px;
}

div.ProductAmount input.ProductAmount,
input[type="text"].CartAmount {
	width:				30px;
	text-align:			center;
	padding:			2px 3px;
	border:				1px #a1a1a1 solid;
}

div.ProductProp {
	margin:				10px 0px;
}

div.ProductProp select {
	margin:				3px 0px 10px 0px;
}

/* ajax loading (semi block UI)
------------------------------------*/
div.blockMsg {
	color:					#007f12;
	font-size:				11px;
}

div.Warning { 
	background:				url(../pics/icons/48/warning.png) no-repeat 10px 10px;
}

div.resSuccess { 
	background:				url(../pics/icons/48/check2.png) no-repeat 10px 10px;
}

div.resFailure { 
	background:				url(../pics/icons/48/delete2.png) no-repeat 10px 10px;
}

div.growlUI h1, div.growlUI p {
	color:					#fff;
	padding:				5px 5px 5px 75px; 
	line-height:			1.4em;
	text-align:				left;
}

div.growlUI p a:link,
div.growlUI p a:active,
div.growlUI p a:visited {
	padding:				1px 2px;
	text-decoration:		none;
	color:					#fff;
}

div.growlUI p a:hover {
	color:					#333;
	background-color:		#fff;
}

a.shopBtn:link,
a.shopBtn:active,
a.shopBtn:visited {
	background:				#c3161c url(../pics/button.png) repeat-x left top;
	_background-image:		none;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	-moz-box-shadow:		0 3px 8px #e1e1e1;
	-webkit-box-shadow:		0 3px 8px #e1e1e1;
	font-family:			verdana;
	font-weight:			bold;
	font-size:				1.0rem;
	font-size:				10px;
	color:					#fff;
	padding:				3px 7px 3px 7px;
	margin-right:			5px;
	border:					0;
	display:				block;
	float:					left;
	clear:					right;
}

a.shopBtn:hover {
	background:				#d91d23 url(../pics/button.png) repeat-x left top;
	text-decoration:		none;
}

@media only screen and (max-width: 640px) {
	div.shop-prod .clearfix .ProdBit { width: 100%; float: none; margin-left: 0; border: 0; }
	div.shop-prod .clearfix .ProdBit .LeftImage { float: none; }

	div.product div.ProductInfo { width: 100%; float: none; }
}