﻿.visualCart{ visibility:hidden; width:100%; text-align:center; height:88px; margin:0px auto; position:fixed; 
            bottom:0px; z-index:10; background-color:White;}
.visualCart{font-size:12px;}
.visualCart *{ background-color:Transparent !important;}/*This is to prevent the initial item from having a white background*/
.visualCartCollapse{bottom:-60px;}
.visualCart .bg{width:100%;height:88px; z-index:1;position:absolute; left:0px; background:url(../images/grayRepeater.png) repeat-x top;}
.visualCart .bgColorBlink{width:100%; height:88px;background-color:#D8D9DA;position:absolute;z-index:0;display:none;}
.visualCart .frame{width:960px; height:82px; margin:0px auto;position:relative; overflow:hidden;}
.visualCart .toggleButton{position:absolute; top:0px; right:0px; cursor:pointer; width:49px; height:30px; z-index:3;}
.visualCart .toggleExpanded{ background:url(../images/toggledown.png) no-repeat top left;}
.visualCart .toggleCollapsed{ background:url(../images/toggleUp.png) no-repeat top left;}
.visualCart .divSummary{width:320px; font-size:11px; font-weight:bold; font-family:Arial; background:url(../images/GreenRepeater.png) repeat-x top;}
.visualCart .divSummary .topRow td{ text-align:left; height:11px; width:73px; padding:4px 10px 18px 10px;
                                    text-transform:uppercase; white-space:nowrap; }
.visualCart .divSummary .bottomRow td{ padding-left:14px; vertical-align:top; text-align:left;}
.visualCart .divSummary .modeArrow{ background:url(../images/arrowSelector.jpg) no-repeat 32px 0px;}
.visualCart .divSummary a{color:Black; text-decoration:none;}
.visualCart .divSummary a:hover{text-decoration:underline;}

/*Carousel*/
.carouselAnchor{width:682px;  height:88px; padding-top:4px; }
.jcarousel-item{position:relative;margin:0px 0px 0px 0px; padding:0px; overflow:hidden; overflow:hidden;}
.jcarousel-item .cartItemQtyBox{ width:30px; height:24px;  position:absolute; bottom:0px; left:29px; text-align:center;
                                 background:url(../images/NumberItemCircle.png) no-repeat top left; color:White; }
.jcarousel-item .cartItemQtyBox b{position:relative; top:3px; font-family:Arial;}
.jcarousel-item img{position:relative;}
.jcarousel-clip{text-align:left;}


/*Context Back*/
.contextMenu{width:236px !important; height:121px !important;/*setting overflow hidden somehow prevents textbox updates*/ background:url(../images/ContextDialogBox.png); background-color:Transparent; filter:none; border:none;}
.contextMenu .ui-state-highlight{ background:none;  border:none; padding:18px 18px 0px 18px; }
.contextMenu .ui-pnotify-container{ height:auto;}
.contextMenu .lid{display:none;}
.contextMenu .name{font-weight:bold;padding-bottom:8px;}
.contextMenu input{border:solid 1px #c7c7c7; background-color:White; width:20px; display:inline-block; padding-left:3px; margin-left:10px;}
.contextMenu td.update{color:#BDBDBD;}
.contextMenu td.updateActive{color:#849f12;}
.contextMenu .update, .contextMenu .remove{font-weight:bold;padding-left:15px; font-size:11px;color:#454545;}
.contextMenu .remove{background:url(../images/removeicon.png) no-repeat 70px 2px;}
.contextMenu .update:hover, .contextMenu .remove:hover{text-decoration:underline;cursor:pointer;}
.contextMenu .main{width:210px; }
.contextMenu .success{display:none;padding-top:20px;}
