/*********************************************************/
/******************** GRID *******************************/
/*********************************************************/

.Products{
	padding-bottom: 15px;
	float: left;
	width: 100%;
}

.Products .Column.Two{
	margin-bottom: 15px;
	margin-top: 15px;
}

.Product{
	background-color: #ffffff;
	width: 100%;
	float: left;
	position: relative;
}

.Box .Product{
	padding: 10px;
}

/*** Sale ***/

.Product .Sash{
	position: absolute;
	display: block;
	height: 54px;
	width: 54px;
	top: -1px;
	left: -1px;
}

.Product .Sash.Sale{
	background: url('../images/obj/sale.png') no-repeat;
}

/*** Image ***/

.Product .Image{
	float:left;
	width: 100%;
	height: 171px;
	text-align: center;
	margin-bottom: 10px;
}

.Product .Image img{
	max-width: 100%;
	max-height: 171px;
}

/*** Description ***/

.Product .Description{
	float: left; 
	width: 100%;
	height: 60px;
	margin-bottom: 6px;
}

/*** Title ***/

.Product h3{
	line-height: 15px;
	font-family: Arial;
	font-size: 0.75em;
	text-align: center;
}

.Product h3 a{
	color: #818181;
}

/*** Short Description ***/

.Product p{
	display: none;
}

/*** Prices ***/

.Product .Prices{
	float: left;
	width: 100%;
	text-align: center;
}

.Product .Prices .RRP{
	float: right;
	font-size: 0.75em;
	color: #72aed4;
	font-family: "Heading";
	margin-top: 5px;
}

.Product .Prices .RRP span{
	font-size: 1.1em;	
}

.Product .Prices .Price{
	float: left;
	font-weight: bold;
	font-size: 1.25em;
	color: #585858;
	font-family: "Heading";
}

.Product .Save{
	clear: right;
	float: right;
	color: #ea320e;
	font-size: 0.75em;
	margin-top: 6px;
	text-transform: uppercase;
	font-family: "Heading";
}

.Product .Save span{
	font-size: 1.1em;	
}

/*** Buttons ***/

.Product .Buttons{
	float: right;
	width: 100%;
	margin-top: 6px;
}

.Box .Product .Buttons{
	display: none;
}

.Product .Buttons .View{
	float: left;
	width: 60px;
	height: 17px;
	line-height: 17px;
	
	background-color: #ea320e;
		
	text-align: center;
	font-size: 0.75em;
	color: #ffffff;
	text-transform: uppercase;
	font-family: "Heading";
}

.Product .Buttons .View:hover{
	text-decoration: none;
}

.Product .Buttons .Buy{
	float: right;
	width: 105px;
	height: 17px;
	line-height: 17px;
	
	background-color: #eaeaea;
		
	text-align: center;
	font-size: 0.75em;
	color: #585858;
	text-transform: uppercase;
	font-family: "Heading";
}

.Product .Buttons .Buy:hover{
	text-decoration: none;
}

/*** Annotation ***/

.Product .Annotation{
	clear: left;
	float: left;
	padding: 0 0 0 14px;
	line-height: 15px;
	margin-top: 4px;
	
	background-image: url('../images/elem/tick.png');
	background-repeat: no-repeat;
	background-position: left 1px;
	
	text-align: center;
	font-size: 0.75em;
	color: #585858;
	text-transform: uppercase;
	font-family: "Heading";
}

.Product .Annotation.Soldout{
	background-image: url('../images/elem/remove.png');
	color: #585858;
}

.Product .Annotation.Right{ float: right; }
.Product .Annotation.Gallery:hover { text-decoration: underline; cursor: pointer; }  


/*********************************************************/
/******************** LIST *******************************/
/*********************************************************/

@media only screen and (min-width: 606px) {

.Full .Product{
	padding: 15px 10px;
}

/*** Image ***/

.Full .Product .Image{
	float: left;
	margin: 0;
	width: 25%;
}

.Full .Product .Image img{
	
}

/*** Description ***/

.Full .Description{
	float: left;
	padding: 0 15px;
	width: 55%;
	height: auto;
	margin: 0;
}

/*** Title ***/

.Full .Product h3{
	font-weight: bold;
	font-size: 1.0em;
}

/*** Short Description ***/

.Full .Product p{
	display: block;
	font-size: 0.8em;
	color: #2c5a83;
}

/*** Prices ***/

.Full .Product .Prices{
	float: right;
	width: 20%;
	height: auto;
}

.Full .Product .Prices .RRP{
	font-size: 0.9em;
}

.Full .Product .Prices .Price{
	font-size: 1.45em;
}

.Full .Product .Prices .Sale{
	font-size: 1.45em;
}

/*** Buttons ***/

.Full .Product .Buttons{
	float: right;
	clear: right;
	width: 20%;
}

.Full .Product .Buttons .View{
	margin: 0 5px 5px 0;
}

.Full .Product .Buttons .Buy{
	margin: 0 5px 5px 0;
	display: block;
}

/*** Reviews ***/

.Full .Product .Reviews{
	width: 25%;
	padding: 0 15px;
}

.Full .Product .Reviews .Rating{
	
}

.Full .Product .Reviews a{
	
}

/*** Stock ***/

.Full .Product .Annotation{
	margin-left: 15px;
}

.Full .Product .Annotation.Right{
	float: left;
} 

.Full .Product .Annotation.Gallery{
	display: none;
} 

}