/* default shop styleset 
--------------------------------------------------- */

#shopContainer{
	position: relative;
	top: 0px;
	left: 0px;
}

.title {
	font-size: 1.6em;
	margin-bottom: 5px;
}


/* links
---------------- */
	a:active, a:link, a:visited {
		text-decoration:none;
		color: #3E2B1D;
	}
	a:hover {
		text-decoration:underline;
	}

/* shop group definition*/
	#shopGroups {
		position: relative;
		top: 20px;
		left: 20px;

		width: 980px;
		float: left;
	}
	
	.shopGroups li {
		padding: 2px 5px;
	}
	.shopGroups li.shopGroupOn2, .shopGroups li.shopGroupOff2 {
		padding: 2px 20px;
	}
	
	.shopGroups li.shopGroupOn1, .shopGroups li.shopGroupOn2 {
		background-color: #EFB20E;
	}
	
	.shopGroups li.shopGroupOff1, .shopGroups li.shopGroupOff2 {
		background-color: #FFC800;
	}
	
	.shopGroups li a {
		color: black;
		text-decoration: none;
		display: block;
	}
	
	.shopGroups li:hover{
		background-color: #EFB20E;
	}
	

	/* shop-groups on top */	
	.shopGroupsTop {
	}

	a.shopGroupOn1, a.shopGroupOn2 {
		text-decoration: underline;
	}

	.shopGroupsTop .group{
		text-align:left;
		font-size: 1.8em;
	}

	.shopGroupsTop .subgroup{
		text-align:left;
		font-size: 1.6em;
	}

/* shop product definition*/

	#shopProductDetail {
		position: relative;
		top: 10px;
		left: 14px;
		width: 560px;
		float: left;
		background-color: white;
		border: solid 1px #ccc;
	}
		
	#shopProducts {
		position: relative;
		top: 10px;
		width: 340px;
		float: left;
		background-color: white;
		height: 420px;
		overflow-y: scroll;
		border: solid 1px #ccc;
	}

	.shopProduct, .shopProductDetail {
		padding: 5px;
		margin: 0 0 10px 0px;
	}
	
	.shopProduct img.productimageSmall, .shopProductDetail img.productimageSmall{
		width: 200px;
		margin-right: 20px;
		margin-bottom: 20px;		
	}

	.shopProduct img.productimageBig, .shopProductDetail img.productimageBig{
		float: left;
		margin-right: 5px;
	}
	.shopProduct p.productprice, .shopProductDetail p.productprice{
		margin-top: 10px;
	}
	.shopProduct span.productprice, .shopProductDetail span.productprice{
		/* color: blue; */
	}

	.shopProduct .productlink, .shopProductDetail .productlink{
		margin-top: 10px;
		margin-left: 0px;
		float: left;
	}
	.shopProduct .productquantity, .shopProductDetail .productquantity{
		margin-top: 10px;
		margin-left: 30px;
		float: left;
	}

	.shopProduct .productname, .shopProductDetail .productname {
		color: #3E2B1D;
		font-weight: bold;
		font-size: 1.2em;
	}

	.shopProduct p.end, .shopProductDetail p.end{
		clear:left;
	}
	
	.shopProducts .active{
		background-color: #F7F3E5;
		z-index: -100;
	}

	.producttobasket{
		margin-top: 10px;
		margin-left: 30px;
		float: left;
	}
	
	.outOfStock{
		margin-top: 10px;
		margin-left: 50px;
		float: left;
		color: red;
	}

	.shopProduct .outOfStock{
		margin-top: 0px;
		margin-left: 0px;
		float: left;
		color: red;
	}

	input.productQuantity{
		width: 20px;
	}
	
	/* Options */ 
	.productoptions {
		font-weight: bold;
		margin-top: 5px;
	}
	
	label.productoption {
		width: 70px;
		float: left; 
	}

	select.productoption {
		width: 90px;
	}

	p.productoption {
		margin-top: 5px;
	}
	
	/*  order
	------------------------- */
	.shopConfirmOrder	{
		height: 420px;
		margin-top: 30px;
		overflow-y: scroll;
		padding: 10px;
	}
	
	/* shop basket
	-----------------------*/
	.shopBasketProductHeader {
		font-weight: bold;
	}
	
	.shopBasketProduct, .shopBasketProductTotal, .shopBasketProductHeader {
		border-bottom: solid 1px #aaaaaa;
	}
	
	.basketProductName, .basketProductQuantity, .basketProductPrice, .basketProductTotal, .basketActions {
		width: 136px;
		float: left; 
		padding: 5px 0;
	}
	
	p.end{
		clear:left;
	}
	
	
	.basketTotal {
		width: 408px; /* 3 x .basketProductName */
		float: left; 
	}
	.basketPrice {
		width: 136px;
		float: left; 
	}
	
	.basketLinks {
		margin-top: 30px;
	}
	
	.basketLinks .products {
		width: 250px;
		float: left;
	}
	
	.basketLinks .order {
	}

/* Navigation
-------------------------------- */	
	.shopNavigation {
		text-align: left;
		width: 750px;
		/* border: solid 1px red; */
		margin-bottom: 10px;

		position: relative;
		top: 20px;
	}
	
	
/*
	forms
------------------------------------------------------------ */
	
	form.address {
		/* background-color: #ffffff; */
		/* border: 1px solid #cccccc; */
		border-bottom: 1px solid #cccccc;
		padding: 5px;
	}
	
	.inputError {
		color: #cc0000;
		font-weight: bold;
	}
	
	label.address {
		width: 150px;
		float: left;
	}
	
	form br{
		clear: left;
		margin-bottom: 10px;
	}
	
	input.address, textarea.address {
		width: 250px;
		border: 1px solid #aaaaaa;
		margin-bottom: 7px;
	}
	input.address_required, textarea.address_required {
		width: 250px;
		border: 1px solid #ffaaaa;
		margin-bottom: 7px;
	}

	textarea.address {
		height: 100px;
	}

	.shopConfirmOrder textarea.address{
		height: 100px;
		width: 250px;
	}

	select.address {
		margin-bottom: 7px;
		border: 1px solid #aaaaaa;
	}

	select.address_required {
		margin-bottom: 7px;
		border: 1px solid #ffaaaa;
	}
	
/* shopSteps 
------------------------ */
	.shopSteps {
		margin-top: 10px;
	}
	
	.shopSteps span {
		padding: 0 3px;
	}
	
	.shopSteps .active{
		color: #777777;
	}
	.shopSteps .inactive{
		color: #999999;
	}
	
/* table 
----------------------------------- */
	table.basket {
		width: 95%;
		
	}	
	table.basket tr, table.basket td {
		margin: 0;
		padding: 5px;
		border: 1px solid #cccccc;
	}	

	.paymethodinfo	{
		border: 1px solid #cccccc;
		padding: 5px;
	}