/* BASKET CONTROL CSS STYLES */

#divBasketHolder
{
    /* this is the holding div for the whole basket control */
    float: right;
    width: 784px; 
    margin: 10px 0 10px 8px; 
    padding: 0;    
}

#divEmptyBasket{width:784px; padding: 10px 0 0 0; float: right;}
#divEmptyBasket h2{margin: 0; padding: 0 0 5px 0; color: #C30C3E;}
#divEmptyBasket h3{margin: 0; padding: 0 0 15px 0; font-size: 1.3em; color: #5f5f5f;}
#divEmptyBasket p{margin: 0; padding: 0; font-size: 1.2em; color: #5f5f5f;}
#divEmptyBasket p a{color: #C30C3E;}
#divEmptyBasket p a:hover{padding: 0 0 1px 0; border-bottom: solid 1px #C30C3E; color: #C30C3E;}

#divBasketContents
{
    /* this is the container div for the contents of the basket */
    width: 499px;
    float: left;
    padding: 0 25px 0 0;
}
#divBasketContents h2{margin: 0; padding: 0 0 5px 0; color: #C30C3E;}
#divBasketContents h3{margin: 0; padding: 0 0 15px 0; font-size: 1.3em; color: #5f5f5f;}

/* basket error content */
#divBasketContents #divBasketError{float: left; width: 464px; padding: 10px; margin: 0 0 10px 0; background-color: #FBF7AA; color: #A27D4B; border: solid 5px #F9E98E;}
#divBasketContents #divBasketError p{margin: 0; padding: 0; font-size: 1.2em;}

#divBasketSideContent
{
    /* this is the container div for the side content - houses the promo code entry and related basket products */
    float: left;
    width: 260px;
}    

#divPromoCode
{
    /* this is the promo code div, lives inside the SideContent div */
    float: left;
    width: 238px;
	height: 115px;
    background: #C30C3E url(../images/promo.jpg) top left repeat-x;
    padding: 10px;
    border: 1px solid #59051c;    
}

/* promo code styles */
#divPromoCode h3{margin: 0; padding: 5px 0 5px 0; font-size: 1.6em; color: #fff;}
#divPromoCode p{margin: 0; padding: 0 0 10px 0; color: #fff; font-size: 1.1em;}
#divPromoCode dl{margin: 0; padding: 0; font-size: 1.1em;}
#divPromoCode dt{margin: 0; padding: 0; float: left; font-weight: normal; width: 45px; color: #fff; line-height: 22px;}
#divPromoCode dd{margin: 0; padding: 0; float: left; line-height: 22px;}
#divPromoCode dd input{width: 110px;}
#divPromoCode dd a{color: #fff; text-decoration: none; margin: 0 0 0 5px; font-size: 0.8em;}
#divPromoCode dd a:hover{border-bottom: solid 1px #fff; padding: 0 0 1px 0;}
#divPromoCode .clsPromoCodeInput{text-transform: uppercase; width:100px;}

/* basket buttons */
#divCheckoutButtons{float: left; margin: 10px 0 0 0;}
#divCheckoutButtons a.clsAddToBasket{text-align: center; display: block; width: 260px; height: 53px; line-height: 53px; background-image: url(../images/add.jpg); font-size: 1.4em; color: #fff; text-decoration: none; margin: 10px 0 0 0;}
#divCheckoutButtons a.clsAddToBasket:hover{background-position: 0 -53px; color: #fff;}
#divCheckoutButtons a.clsContinueShopping{text-align: center; display: block; width: 260px; height: 53px; line-height: 53px; background-image: url(../images/add.jpg); font-size: 1.4em; color: #000; text-decoration: none;}
#divCheckoutButtons a.clsContinueShopping:hover{background-position: 0 -53px; color: #000;}

/* basket items area */
#divBasketItems{padding: 0 0 10px 0;}

/* basket: product title header area */
.clsBasketProductTitle-Header{border-bottom: 1px solid #5f5f5f; font-weight: bold; float: left; margin: 0 0 15px 0; padding: 0 0 2px 0; width: 265px; color: #5f5f5f; line-height: 24px; font-size: 1.1em;}
.clsBasketProductQty-Header{border-bottom: 1px solid #5f5f5f; font-weight: bold; float: left; margin: 0 0 15px 0; padding: 0 0 2px 0; width: 25px; color: #5f5f5f; font-size: 1.1em; line-height: 24px;}
.clsBasketProductPrice-Header{border-bottom: 1px solid #5f5f5f; font-weight: bold; float: left; margin: 0 0 15px 0; padding: 0 0 2px 0; width: 60px; color: #5f5f5f; font-size: 1.1em; text-align: right; line-height: 24px;}
.clsBasketProductRemove-Header{border-bottom: 1px solid #5f5f5f; font-weight: bold; float: left; margin: 0 0 15px 0; padding: 0 0 2px 0; width: 80px; color: #5f5f5f; text-align: right; line-height: 24px;}

/* basket: product title area */
.clsBasketProductTitle{float: left; width: 265px; color: #5f5f5f; line-height: 24px; font-size: 1.3em;}
.clsBasketProductTitle a{text-decoration: none; color: #C30C3E;}
.clsBasketProductTitle a:hover{padding: 0 0 1px 0; border-bottom: solid 1px #C30C3E; color: #C30C3E;}
.clsBasketProductTitle dl{margin: 0 0 5px 0;}
.clsBasketProductTitle dt{float: left; font-size: 1.0em; line-height: 18px; margin: 0 5px 0 0; padding: 0; color: #5f5f5f;}
.clsBasketProductTitle dd{float: left; font-size: 1.0em; line-height: 18px; margin: 0 5px 0 0; padding: 0; color: #5f5f5f;}
.clsBasketProductQty{float: left; width: 25px; font-size: 1.3em; color: #5f5f5f; line-height: 24px;}
.clsBasketProductQty input{width: 20px;}
.clsBasketProductPrice{float: left; width: 60px; font-size: 1.3em; color: #5f5f5f; text-align: right; line-height: 24px;}
.clsBasketProductRemove{float: left; width: 80px; text-align: right; line-height: 24px;}
.clsBasketProductRemove ul{margin: 0; padding: 0 0 0 5px;}
.clsBasketProductRemove ul li{float: left; display: inline; margin: 0; padding: 0 0 0 5px; list-style: none; line-height: 22px;} 
.clsBasketProductRemove ul li a{font-size: 1.0em; text-decoration: none; font-size: 0.9em;}
.clsBasketProductRemove ul li a.clsDelete{color: #ed3123;}
.clsBasketProductRemove ul li a.clsUpdate{color: #23d10c;}
.clsBasketProductRemove ul li a.clsDelete:hover{color: #ed3123; border-bottom: solid 1px #ed3123; padding: 0 0 1px 0;}
.clsBasketProductRemove ul li a.clsUpdate:hover{color: #23d10c; border-bottom: solid 1px #23d10c; padding: 0 0 1px 0;}
.clsBasketDivide{clear: both; margin: 0; padding: 0;}

/* basket: sub total area */
#divBasketSubTotal{clear: both; margin: 0; padding: 0;}
.clsBasketSubTotalTitle{background-color: #C30C3E; float: left; width: 235px; color: #fff; line-height: 24px; font-size: 1.4em; font-weight: bold; margin: 0; padding: 5px 0 5px 5px;}
.clsBasketSubTotalPrice{background-color: #C30C3E; font-weight: bold; float: left; width: 170px; font-size: 1.4em; color: #fff; text-align: right; line-height: 24px; margin: 0; padding: 5px 80px 5px 0;}
#divBasketContents p{margin: 0; padding: 10px 0 0 0; font-size: 1.1em; color: #C30C3E;}

#divDeliveryChargeInformation
{
    /* this is the delivery charge information div, lives inside the SideContent div */
    float: left;
    width: 469px;
    /*border: dashed 1px #c6c6c6;
    background-color: #eeeeee;
    padding: 10px 10px 5px 10px;*/
    margin: 10px 0 0 0;   
}

#divDeliveryChargeInformation h3{margin: 0; padding: 0 0 5px 0; font-size: 1.4em; color: #5f5f5f;}
#divDeliveryChargeInformation p{margin: 0; padding: 0 0 10px 0; color: #5f5f5f; font-size: 1.1em;}
#divDeliveryChargeInformation a{text-decoration: none;}

/*basket: related products */
#divBasketRelatedProducts
{
    float: left;
    width: 608px;  
    margin: 0;  
}    
#divBasketRelatedProducts h3{margin: 0 0 5px 0; padding: 0; color: #000; font-size: 1.4em;}

#divBasketRelatedProducts .product-list, .product-list li {
	margin:0;
	padding:0;
	list-style:none;
	}

#divBasketRelatedProducts ul.product-list {}
	
#divBasketRelatedProducts .product-list li {
	background: #fff;
	cursor: pointer;
	width:110px;
	padding: 0 5px;
	float:left;
	margin: 0 13px 6px 0;
	display:inline;
}

#divBasketRelatedProducts .product-list li p {
	font-size: .9em;
	margin:5px 0 5px 0;
	padding:0;
	font-weight:bold;
	}

#divBasketRelatedProducts .product-list li:hover {
	background: #e8e8e8;
}

#divBasketRelatedProducts ul.product-list li img {
	background:#EEEEEE;
	padding:5px;
	}

#divBasketRelatedProducts ul.product-list li:hover img, ul.product-list a:hover img {
	background:#CCCCCC;
	}
	
#divBasketRelatedProducts ul.product-list h3 {
	font-size: .9em;
	margin:5px 0 5px 0;
	padding:0;
	}
	
#divBasketRelatedProducts ul.product-list h3 a {
	text-decoration:none;
	}
#divBasketRelatedProducts ul.product-list li:hover h3 a {
	color:#000;
}

#divCheckoutButtons a.clsContinueShopping {background: url(../images/continue.jpg) top left no-repeat;}