﻿/* Customer Addresses */
.CustomerAddresses
{
	padding: 0;
	margin: 0 0 15px 0;
	clear: both;
	width: 936px;
	display: table;
	overflow: visible;
}

.CustomerAddresses .Group
{
	clear: both;
	width: 936px;
	display: table;
}

/* Product Item */

.Product, .Product-Large
{
	float: left;
	padding: 9px 0 9px 0;
	position: relative;
	color: #222222;
}

.Product
{
		height: 84px;
		width: 461px;
}

.Product-Large
{
	height: 244px;
	width: 936px;
}

.Product .Price, .Product-Large .Price
{
	position: absolute;
	bottom: 40px;
	right: 4px;
	font-size: 15px;
	font-weight: bold;
	color: #F22025;
	width: 80px;
	text-align: right;
}

.Product .ProductImage, .Product-Large .ProductImage
{
	float: left;
	background-repeat: no-repeat;
	margin-right: 10px;
	overflow: hidden;
	text-align: left;
	position: relative;
}

.Product .ProductImage
{
	background-image: url(   '../Images/product-bg.gif' );
	width: 117px;
	height: 68px;
	padding: 8px;
}

.Product-Large .ProductImage
{
	background-image: url(   '../Images/product-bg-large.gif' );
	width: 318px;
	height: 228px;
	padding: 8px;
}

.Product .ProductImage img, .Product-Large .ProductImage img
{
	position: absolute;
	bottom: 8px;
	left: 8px;
}

.Product .Buttons, .Product-Large .Buttons
{
	position: absolute;
	bottom: 10px;
	right: 3px;
	display: table;
	overflow: visible;
	width: 250px;
}
.Product .Button, .Product .ButtonLight, .Product-Large .Button, .Product-Large .ButtonLight
{
	float: right;
	margin-left: 5px;
}
.Product .ProductDescription
{
}

.Product .DeliveryPeriod, .Product-Large .DeliveryPeriod
{
	position: absolute;
	bottom: 11px;
}

.Product .DeliveryPeriod
{	
	left: 150px;
}

.Product-Large .DeliveryPeriod
{
	left: 351px;
}

/* Notifications */
.Notification
{
	padding: 5px 3px 5px 3px;
	background-color: White;
	border: solid 1px #CCCCCC;
	margin: 10px auto 10px auto;
	width: 300px;
	text-align: center;
}

/* Products */
.Products
{
	padding: 0;
	margin: 0 0 15px 0;
	clear: both;
	width: 936px;
	display: table;
	overflow: visible;
	}

.Products .Item
{
	float: left;
	width: auto;
	position: relative;
}

.Products .Assortment
{
	float: left;
	margin-right: 10px;
}

.Products .ItemSeparator
{
	display: none;
	float: left;
	width: 1px;
}



/* CheckoutSteps */
.CheckoutSteps
{
	display: table;
	overflow: visible;
	background-color: Transparent;
	clear: both;
	width: 846px;
	margin: 5px auto 0 auto;
	line-height: normal;
}
.CheckoutSteps .Item, .CheckoutSteps .ItemActive
{
	float: left;
	padding: 5px 20px 5px 20px;
	clear: none;
	height: 19px;
	width: 130px;
	color: #015F69;
	text-align: left;
	margin: 0;
	overflow: hidden;
	background-image: url(   '../Images/bullet-large.gif' );
	background-repeat: no-repeat;
	background-position: left top;
	padding: 18px 0 0 30px;
	position: relative;
}

.CheckoutSteps .Item a, .CheckoutSteps .ItemActive a
{
	text-decoration: none;
	color: #015F69;
}
.CheckoutSteps .Item a:hover, .CheckoutSteps .ItemActive a
{
	color: #F22025;
}


.CheckoutSteps .Item span.StepNumber, .CheckoutSteps .ItemActive span.StepNumber
{
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	left: 9px;
	top: 18px;
}

.CheckoutSteps .ItemActive
{
	background-image: url(            '../Images/bullet-large-active.gif' );
}

.CheckoutSteps .ItemSeparator
{
	float: left;
	width: 5px;
	height: 37px;
	padding: 0;
	margin: 0;
}

.Partners
{
	margin: 15px 0 15px 0;
	clear: both;
	display: table;
	overflow: visible;
	width: 450px;
}

.PaySafely
{
	clear: both;
	display: table;
	overflow: visible;
	width: 450px;
}

/* ProductOffers */
.ProductOffers
{
	margin: 0 0 15px 0;
	width: 460px;
	display: table;
	overflow: visible;
}

.ProductOffers .Item, .ProductOffers .ItemAlternate
{
}

.ProductOffers .Item
{
	background-color: #F4F8F9;
	display: table;
	overflow: hidden;
	width: 461px;
}

.ProductOffers .ItemAlternate
{
	background-color: #FFFFFF;
}

.Assortment
{
	background-color: #015F69;
	width: 441px;
	height: 175px;
	background-image: url(   '../Images/assortment-bg.gif' );
	margin-bottom: 10px;
	position: relative;
	padding: 9px 0 0 20px;
}

.AssortmentList
{
	margin: 0;
	padding: 0;
}

.AssortmentList .Item
{
	margin: 0;
	padding: 0;
	height: 28px;
	list-style-type: none;
	vertical-align: bottom;
float: none;
}

.AssortmentList .Item a, .AssortmentList .Item a:visited
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.AssortmentList .Item a:hover, .AssortmentList .Item a:active
{
	color: Red;
}

.Assortment .PaySafely
{
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 50px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}



.AboutCherry
{
	color: #FFFFFF;
	width: 441px;
	height: 164px;
	background-image: url(   '../Images/aboutcherry.gif' );
	padding: 10px;
	position: relative;
}

.AboutCherry ul
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	margin: 0;
	padding: 0;
}

.AboutCherry ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: bottom;
	clear: both;
}

.AboutCherry ul li .Left
{
	float: left;
	clear: none;
	width: 190px;
}
.AboutCherry ul li .Right
{
	clear: none;
	float: left;
}


