﻿/*********** Basket Heading *********/

#basket_head {
	width:211px;
	height:36px;
	display:block;
	float:right;
	margin:-1px 5px 0 0;
	*margin:-3px 3px 0 0;
}

#basket_head p {
	margin: 12px -5px 2px 0px;
}

#basket_head img {
	margin: -8px -5px 2px -10px;
	padding:0px;
}

#basket_head:hover {
	width:211px;
	height:36px;
	display:block;
	background-color:#990066;
	float:right;
}

#basket_head:hover p {
	margin: 12px -5px 0px 0px;
	padding:0px;
}

#basket_head:hover p a {
	color:#FFFFFF;
	border:none;
}

#basket_head:hover img {
	margin: -8px -5px 0px -10px;
}

/*********** Basket Product Drop Down *********/

#basket_info {
	font-family:Arial, Helvetica, sans-serif;
	border: solid 5px #990066;
	background-color:#ffffff;
	position:absolute;
	top:35px;
	*top:33px;
	right:5px;
	*right:3px;
	width:320px;
	z-index:10000;
	display:none;
	height:413px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#basket_info #emptyBasket
{
    margin: 5px 0 0 0;
    padding:0px;
    text-transform:none;
    font-weight:bold;
    text-align:center;  
}

#basket_info img {
	margin:0px;
}

/*********** Product Descriptions *********/

.product {
	position:relative;
	left:15px;
	top:0px;
	margin:10px 0 0 0;
	height:110px;
	width:290px;
	clear:both;
	text-align:left;
	border-bottom: solid 1px #210a36;
}

.product a img {
	float:left;
	margin: 10px 0 0 0;
}

.product p {
	font-size:11px;
	margin:0 0 0 5px;
	width:210px;
	position:absolute;
	left:75px;
}

.product p.item_info 
{
    padding-left:5px;
    text-transform:none;
    font-weight:bold;
	top:23px;
}

.product p.brand 
{
    padding-left:5px;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	top:0px;
}

.product p.was 
{
    padding-left:5px;
	bottom:15px;
	color:#bc0404;
	font-size:12px;
}

.product p.price {
	bottom:15px;
	right:0px;
	text-align:right;
	font-size:12px;
}

.product p.price span {
	color:#990066;
	font-size:12px;
	text-transform:none;
}

/*********** Bottom Grey Bar *********/

#grey_bar {
	height:35px;
	width:320px;
	background-color:#cccccc;
	position:absolute;
	clear:both;
	top:333px;
	/*left:45px;*/
	z-index:1;
}

/*********** More *********/

#more_scroll {
	float:left;
	width:120px;
}

#more_scroll img 
{
    position:absolute;
	left:15px;
	z-index:2;
    cursor:pointer;
}

#more_scroll #upImg {
	top:0px;
}

#more_scroll #downImg {
	top:17px;
}

#more_scroll p {
	font-size:14px;
	position:absolute;
	left:45px;
}

/*********** Total Price *********/

#total_price {
	width:150px;
	float:right;
	border-left: solid 1px #ffffff;
	text-align:right;
	font-weight:bold;
	height:35px;
}

#total_price p {
	margin:8px 15px 0 0;
	font-size:14px;
	text-transform:none;
}


/*********** Bottom Pink Bar *********/

#pink_bar {
	clear:both;
	font-size:14px;
	height:45px;
	background-color:#990066;
	color:#FFFFFF;
	width:320px;
	position:absolute;
	bottom:0px;
}

#pink_bar p a {
	margin:0px;
	position:absolute;
	top:17px;
	left:72px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:none;
}

#pink_bar img {
	position:absolute;
	top:16px;
	left:230px;
}



/*********** Carousel CSS *********/


#mybasketcarousel #heading a {
	color:#210a36;
	border:0px;
}

.jcarousel-container {
    position: relative;
	clear:both;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    /*margin: 0;*/
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    position: relative;
	top: -9px;
    left: 0;
	width:320px;
    /*margin: 0;*/
    padding: 0;
}

#mybasketcarousel .jcarousel-list li,
#mybasketcarousel .jcarousel-item {
    float: left;
    list-style: none;
    width: 320px;
    height: 105px !important;
	margin: 5px 0px 0px 0px !important;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-solution .jcarousel-clip .jcarousel-container-vertical {
	/*margin:0px;*/
    width: 320px;
    height: 333px;
	overflow:hidden;
}

.jcarousel-clip-vertical {
	width:  320px;
    height: 333px;
	overflow:hidden;
}

.jcarousel-skin-solution .jcarousel-item {
    width: 290px;
    height: 110px !important;
	margin-top: 10px;
}

.jcarousel-skin-solution .jcarousel-next-vertical {
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 169px;
    height: 180px;
    cursor: pointer;
    background: url(http://images.figleaves.com/uk/images/eng-gbr/basket/down_arrow.gif) no-repeat 0 0;
}

.jcarousel-skin-solution .jcarousel-prev-vertical {
	position: absolute;
    bottom: 18px;
    left: 0px;
    width: 169px;
    height: 17px;
    cursor: pointer;
    background: url(http://images.figleaves.com/uk/images/eng-gbr/basket/up_arrow.gif) no-repeat 0 0;
}

.carousel_container
{
    position:relative;
    height:333px;
    overflow:hidden;
}
