﻿

/* Basket & Footer Stuff */

#Basket{width:100%; height:95px; background:url(../i/BasketBack.jpg) repeat-x;}
div#Grass{width:100%; height:38px; background:url(../i/grass8.png) repeat-x; z-index:1000000;}
#BasketContainer {position:absolute; right:0px; bottom:0px; width:100%; z-index:1000000;}
div > div#BasketContainer {position:fixed;}

.DraggableHelper{width:45px; background:#fff; border:1px dotted #AFAFAF; padding:5px; text-align:center;}
.Draggable{ cursor:move;}

#BasketInner{width:940px; margin:auto; height:95px;}
#BasketInner .TitleContainer{width:155px; margin-top:20px; float:left;}
#BasketInner .ItemsContainer{width:313px; height:75px; margin-top:12px; float:left; border-left:dotted 1px #3D4F26; border-right:dotted 1px #3D4F26;}
#BasketInner .ItemsContainer div{ width:40px; height:40px; padding:5px; text-align:center; background:white; margin:5px; margin-top:10px; border:1px dotted #3D4F26; float:left;}

#BasketOn{ display:none;}
#BasketOff{ width:459px; height:85px; background:url(../i/EmptyBasket.jpg) no-repeat 0px 12px; margin:auto; padding-top:10px; display:none;}
#BasketText{width:160px; height:93px; margin-top:2px; float:left; text-align:center; border-right:dotted 1px #3D4F26;}
#BasketText img{margin-top:19px;}
#BasketItems{width:313px; height:93px; margin-top:2px; float:left; border-right:dotted 1px #3D4F26;}
#BasketItems .BasketItemsInner{ width:288px; margin:auto;}
#BasketItems .Back{ display:block; width:9px; height:18px; float:left; margin:35px 7px 0px 0px; background:url(../i/BasketBackOff.jpg);}
#BasketItems .BackOn{ background:url(../i/BasketBackOn.jpg);}
#BasketItems .Items{width:255px; height:75px; float:left; margin-top:10px;}
#BasketItems .Items .Item{width:81px; height:75px; float:left; text-align:center; margin-right:4px; background:url(../i/BasketItemBack.jpg) no-repeat;}
#BasketItems .Items .Item img{margin:10px;}
#BasketItems .Forward{display:block; width:9px; height:18px; float:left; margin:35px 0 0 0px; background:url(../i/BasketForwardOff.jpg);}
#BasketItems .ForwardOn{background:url(../i/BasketForwardOn.jpg);}
#BasketQuantity{width:133px; height:93px; margin-top:2px; float:left; text-align:center; background:url(../i/BasketBackLight.jpg) repeat-x; border-right:dotted 1px #3D4F26;}
#BasketQuantityInner{margin-top:20px;}
#BasketQuantityInner span{font-size:18px; color:#212B15; font-weight:bold; padding-bottom:2px; position:relative; top:2px;}
#BasketQuantityInner .TopText{position:relative; top:2px;}
#BasketSummary{width:128px; height:93px; margin-top:2px; float:left; background:url(../i/BasketBackLight.jpg) repeat-x; border-right:dotted 1px #3D4F26;}
#BasketSummary #SummaryTable{width:100px; margin:auto; margin-top:25px;}
#BasketSummary #SummaryTable .Left{width:50px; font-size:10px; color:#2C371C;}
#BasketSummary #SummaryTable .Right{width:50px; font-weight:bolder; color:#2C371C;}
#BasketCheckout{width:202px; height:93px; margin-top:2px; float:left;}
#BasketCheckoutButton{display:block; width:179px; height:61px; margin:auto; margin-top:16px; background:url(../i/BasketCheckoutButton.jpg);}

#BasketPopup{ width:300px; margin-bottom:30px; position:fixed; bottom:55px; z-index:10000; display:none;}
#BasketPopup .Inner{ padding:10px; background-color:Black; position:relative;}
#BasketPopup .Title{ font-weight:bold; margin-bottom:5px; color:White;}
#BasketPopup .Item{ border-top:1px solid #666666; padding:4px; height:12px;}
#BasketPopup .Item div{ float:left; color:White;}
#BasketPopup .Item .Qty{ width:25px;}
#BasketPopup .Item .Btns{ width:75px; margin-top:3px; float:right;}
#BasketPopup .Item .Btns a{ display:block; width:11px; height:9px; background:no-repeat; float:left; margin-right:2px; color:White;}
#BasketPopup .Item .Btns .Plus{ background-image:url(../i/btn-popup-plus.gif);}
#BasketPopup .Item .Btns .Minus{ background-image:url(../i/btn-popup-minus.gif);}
#BasketPopup .Item .Btns .Remove{ width:41px; background-image:url(../i/btn-popup-remove.gif); margin-right:0; margin-left:8px;}
#BasketPopup .Item .Clear{ float:none;}
#BasketPopup .Arrow{ height:9px; background:url(../i/popup-arrow.gif) no-repeat 75px top;}

#BasketPopupUnderlay{ width:300px; margin-bottom:30px; position:fixed; bottom:65px; z-index:9999; background-color:Black; display:none;}