/* ####################################### */
/* ############# SHOP FRONT ############## */
/* ####################################### */

/* PRODUCT LISTING
------------------------------------------------*/

.product-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product {
	float: left;
	width: 213px;
	margin: 0 20px 30px 0;
	position: relative;
}

.product-name {
	font-size: 1.1em;
	font-weight: bold;
	height: 2em;
}

.product-price {
	position: absolute;
	right:2px;
	top:42px;
	background-color: #5994A5;
	display: block;
	padding: 5px 10px;
	color: #fff;
}

.ajax-msg {
	position: absolute;
	left:2px;
	top:42px;
	background: #fff url(/r/i/css_framework/ajax/ajax_loader.gif) no-repeat 50% 43%;
	width: 209px;
	height: 190px;
	color: #999;
	text-align:center;
	line-height: 209px;
	z-index: 200;
}

.product-image-container {
	border: 1px solid #ccc;
	display: block;
	text-align:center;
}

.product-image-container:hover,
.product-image-container:focus {
	border-color: #5994A5;
}

.product-options {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-options li {
	float: left;
	margin-right: 10px;
}


/* PRODUCT DETAIL
------------------------------------------------*/

.product-detail-options {
	border-bottom:1px solid #CBD7DF;
	border-top:1px solid #CBD7DF;
	margin:2em 0;
	padding: 20px 0;
	position:relative;
	width:450px;
}

.product-detail-price {
	color:#1B3F94;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:3em;
	padding:0.5em 0.3em;
	position:absolute;
	right:-200px;
	top:0;
}

.product-detail-price a:link,
.product-detail-price a:visited {
	font-size: 12px;
	display: block;
	margin-top: 20px;
}

.product-detail-options .ajax-msg {
	top: 0;
	left: 0;
	width: 450px;
	height: 94px;
	line-height: 125px;
}

.brand-name {
	display:block;
	height:83px;
	padding:0;
	margin: 0;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:6px;
	width:196px;
}

.product-detail-options ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-detail-image {
	float: right;
}




/* ####################################### */
/* ############### BASKET ################ */
/* ####################################### */

/* BASKET SUMMARY
------------------------------------------------*/

.basket-summary {
	position: relative;
	padding-bottom: 2em;
}

.basket-summary-total {
	position: absolute;
	right: 0;
	top: -30px;;
	color:#1B3F94;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:3em;
}

.basket-summary-total a:link,
.basket-summary-total a:visited {
	display: block;
	font-size: 12px;
	margin-top:20px;
}

/* BASKET TABLE
------------------------------------------------*/

.basket tfoot td {
	text-align: right;
}

.final-total {
	font-size: 2em;
}

.basket-image {
	text-align: center;
}

.basket input {
	background:#FAFBFC url(/images/form_input_bg.jpg) repeat-x scroll 0 0;
	border-color:#A8A8A8 #D8D8D8 #D8D8D8 #A8A8A8;
	border-style:solid;
	border-width:1px;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:1em;
	padding:0.5em 10px;
	width:100px;
}

.basket button,
button.update-basket {
	background-image:url(/images/global/cta_grad_bg.png);
	background-position:0 100%;
	background-repeat:repeat-x;
	background-color: #5994A5;
	color:#FFFFFF;
	display:inline-block;
	font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
	border: 0;
	display: block;
	padding:0.5em 1em;
	-moz-border-radius: 3px;
}

.basket-quantity ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.basket-quantity li {
	float: left;
	margin-right: 10px;
}

li.basket-update {
	float: none;
	clear: left;
}





/**
 *	NEW BASKET / CHECKOUT
 */
 
.e-mini-basket {
	position 	: absolute;
	top 		: 100px;
	right		: 10px;
	text-align	: right;
}
.e-mini-basket .basket-overview {
	margin				: -18px -1em;
	padding				: 1em;
}
.e-mini-basket .basket-overview p {
	margin 				: 0;
}
.e-mini-basket .basket-summary {
	-moz-border-radius	: 5px 5px 5px 5px;
	background			: none repeat scroll 0 0 #FFFFFF;
	border				: 7px solid #DDDDDD;
	padding				: 1em;
	z-index				: 1000;
	overflow			: hidden;
}


.shopping-cart .total-row {
	font-weight : bold;
}