/*--------------------------  X3 Pages -------------------------------------------------------*/

hr{border: 1px solid rgb(235,235,235);}
/* .input::-ms-clear {display: none;} */
input:active{opacity:0.3;}           

/*-------------------------- Common Objects  --------------------------------*/
.x3date,.tooltipsum p{border-radius: 8px;}
.btndatecnf .tooltipsum p, #gll li a, .x3date {box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.btndaterange, .delbtn:hover, .delbtnafu:hover{opacity:0.65;}
.timeNewsRes{position:relative !important;top:0px !important;left:0px !important;float:right ;}

/*-------------------------- Table Works (RsGrid) ------------------------------*/
/* 
Table classes 
.gridsimple for a Normal Table (no jquery Datable) - View Type = 1 - is a child of the .divgrid
.x3tablecs  for a Jquery DataTable - View Type = 2 and 3 (View Type = 3 is Datatable No Sorting) - is a child of the dataTables_wrapper
.gridwrite  for the Grid Write is a child of the .divgrid
*/
/*------------------------------------------------------------------------------ Wrappers of the Table */
.divgrid{clear:both;padding:0 0 10px 0;width:605px;}

.dataTables_info{clear:both;position:relative;float:left;width:220px;height: 20px;overflow:hidden;margin:0px;padding: 2px 0px 0px 0px;}
.dataTables_paginate{position:relative;float:right;background-repeat:no-repeat;margin:0px;padding:0px;
    width: 200px;height: 20px;overflow:hidden;text-align:right;}
.dataTables_filter input{border:1px solid #BEBEBE;}
.dataTables_length select{border:1px solid #BEBEBE;text-decoration:none;}

/*------------------------------------------------------------------------------ Common to more grid type  */
.gridsimple thead, .gridwrite thead, .x3tablecs thead{background:url(../../Imgs/Various/tit-y-h50.gif) repeat-x #444444;cursor:help;} 
.gridsimple td, x3tablecs td{border-left:1px solid rgb(220, 220, 220);border-right:1px solid rgb(220, 220, 220);}
.gridsimple tr:nth-child(even), .x3tablecs tr.odd{background: rgba(140,140,140,0.1);} 

.gridsimple .linked, .x3tablecs .linked, .gridsimple .linkedff, .x3tablecs .linkedff 
{background-color:white !important;color:red;cursor:pointer;}
.gridsimple .linked td, .x3tablecs .linked td{border-collapse: separate;box-shadow:15px 0 30px 0px rgba(55,55,55,0.5), inset 0 0 100px 0 white;}    
.gridsimple .linkedff, .x3tablecs .linkedff{box-shadow: inset 0 0 0 50px rgba(245,245,245,0.4), 0 0 40px 0 rgba(55,55,55,0.5);}  

.gridsimple tbody .odd, .gridwrite tbody .odd{background:white;}
.gridcellhidden{visibility:hidden;display:none;}
.headhidden{display:none;}
/*------------------------------------------------------------------------------ Grid Simple  */       
.gridsimple {border-bottom: 1px solid rgb(220,220,220);border-top: 1px solid rgb(220,220,220);
               border-spacing:0px;width:605px;} /* An option is to specify 'pointer' just on class .linked but cursor flash a little */
.gridsimple thead th{padding:  5px 2px 5px 2px;border:1px solid #E1E1E1;}  
.gridsimple tbody tr:first-child{border-top:0px;} 
.gridsimple tbody tr{height:22px;} 
.gridsimple tbody td{padding: 0 0 0 2px;}
.closedt{width:603px;height:15px;background:url(../../Imgs/Various/tit-y-h21.gif) repeat-x #444444;border:1px solid #E6E6DE; /* do a small h bar for closing the grid */
    top:-10px; position:relative;}
/*------------------------------------------------------------------------------ Grid Write  */
.gridwrite thead th{padding:5px 2px 5px 2px;border:1px solid #E1E1E1;}  
.gridwrite tbody tr{border:2px solid white;padding: 2px;height:22px;background:url(../../Imgs/Various/bg-grid.jpg) repeat;}
.gridwrite tbody tr:first-child{border-top:0px;height:27px;} 
.gridwrite tbody td{border-left:2px solid white;} 
 
.gridwrite tbody td input:focus, input:focus, .lblcbrightrst:focus{border-color:red;}
.gridwrite input[type=text]{border:1px solid #E1E1E1;padding: 2px 2px 0px 2px;z-index:2;height:16px;}             
/*------------------------------------------------------------------------------ Grid DataTable  */
/* .x3tablecs{cursor:pointer;} */ /* WE have decided to put it inline only on tables 
on which we expect links on every row (remember else the cursor flash a little), else will be handled by .linked */
/*------------------------------------------------------------------------------ */



/*-------------------------- Input RS Object -------------------------------------------------------*/
/*Main Divs drstleft = Div Rst Left, .drstleftw  Div Rst Left Wide (whole page)*/
.drstleft{width:415px;} .drstleftw{width:600px;}
.drstleft, .drstleftw{clear:both;float:left;position:relative;border:1px dotted #BEBEBE;background-color:#FDFDF5;margin-top:10px;} 
.divrstright{position:relative;float:left;width:178px;margin-left:10px;color:gray;z-index:0;margin-top:10px;} 


/* RSTbox */
.lblrst{clear:both;float:left;width:100px;margin-top:15px;margin-left:15px; border-bottom:1px solid #BEBEBE;}
.watermark, .tboxrst, .dropdownrst, .tboxrstor
{width:285px;margin-top:10px;border:1px solid #BEBEBE; padding:2px 0 0 2px;z-index:2;}
.drstleftw .watermark, .drstleftw .tboxrst, .drstleftw .dropdownrst, .drstleftw .tboxrstor    
{width:470px !important;} 
.drstleftw .divtbxdate .watermark, .drstleftw .divtbxdate .tboxrst{width:450px !important;}              
.watermark{background-color:#F0F8FF;color:gray;height:17px;}    
.tboxrst{height:17px;color:gray;text-decoration:none;}
.dropdownrst{height:21px;}
.tboxrstor{height:17px;color:gray;text-decoration:none;cursor:default;background:#F5F5F5;overflow:auto;}

.imgcalendar{position:absolute;cursor:pointer;margin:13px 0px 10px 4px;} /* for rs Date */



/*RsCheckBox */
.divcbrst,.divcbrstww{clear:both;float:left;width:398px;padding-top:10px;padding-left:15px;z-index:2;}
.divcbrstww{width:598px;}
.lblcbleftrst{float:left;width:100px;padding-top:17px;border-bottom:1px solid #BEBEBE;}
.lblcbrightrst,.lblcbrightrstww{float:left;width:282px;z-index:2;color:gray;background-color:#F0F8FF;
        border:1px solid #BEBEBE;}
.lblcbrightrstww{width:475px;}     
.cbrst{float:left;z-index:2;width:22px;padding-top:6px;padding-bottom:6px;}
.cbrst input{cursor:pointer;} 
.cvtbox{float:left;z-index:2;width:0px;height:0px;text-align:left;border:none;background:transparent;} 

/* BtnSubmit */
.divsubmitcenter{text-align:center;}
.submitcenter{margin:15px 50px 5px 50px;font-size:14px;}
.submitrst{margin: 15px 0px 5px 170px;}
.submitrst,.mpebtnok,.btnannulorder,.mpebtncanc,.btnsendorder,.mpebtncenter,.btndatecnf, #modal-body #btnok, #modal-btns input, .submitcenter
            {border:solid 1px #D2D2D2;cursor:pointer;color:#266380;
                background:url(../../Imgs/various/button.png) repeat -2px -2px;}
.submitrst:hover,.mpebtnok:hover,.btnannulorder:hover,.mpebtncanc:hover,.btnsendorder:hover,.mpebtncenter:hover,.btndatecnf:hover, #modal-body #btnok:hover, 
#modal-btns input:hover, .submitcenter:hover
    {background:transparent;color:red;text-decoration:underline;display:inline-block;} /*display:inline-block; need to ff to underline btn*/                   
.paypal{float:right;padding: 0 92px 0 0;outline:none;}.paypal:hover{opacity:0.65;}
/*mpebtns*/
.mpebtns{height:30px;position:relative;} 
.mpebtnok, .btnannulorder{float:left;position:relative;top:0px;left:100px;} 
.mpebtncanc, .btnsendorder{float:right;position:relative;top:0px;right:100px;}      
.mpebtnml{margin:auto;}             
           
/* Delimiter */
.delimrstinner{text-align:center;margin-bottom:5px;padding-bottom:4px;padding-top:4px;height:15px;
   color:black;background-color:#E8EEE2;font-weight:bolder;font-size:14px;}   
.delimrstfirst{clear:both;}
.delimrstnext{padding-top:25px;}
/* TextComments */
.commrst{margin:0px 10px 0px 14px;color:gray;}

/*Page DivC */
.divcrst{clear:both;} 



/*PageLink*/
.pagelink{padding-top:12px;margin-bottom:0px;} 




/* Optional description below DivLeft */
.divdescrleft{margin-bottom:10px;padding-left:15px;padding-right:15px;font-size:12px;color:gray;}

/*InputBox Hidden To pick-up IDs */
.tboxhidden {display:none;} 

/*AutoComplete*/
.acele,.aceli,.acehl
 {font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;cursor:pointer;width:370px;z-index:12}
.drstleftw .acele, .drstleftw .aceli, .drstleftw .acehl
{width:555px;}
 
.acele,.acelekart,.aceleck
{overflow-y:auto;overflow-x:hidden;height:200px;border: 1px solid gray;list-style-type:none; margin:0px;padding:0px;background-color:#F5F8F5;
        box-shadow:0px 0px 6px gray,3px 3px 8px #D2D2D2;border-radius: 0 0 8px 8px;}
.aceli{} /* Items visibile */
.acehl{background-color:gray;color:yellow;} /* Items selected */
/* .acespan{font-style:italic;overflow:hidden;} no more used */

/*Personalized acele*/
.acelekart{padding-right:310px;}
.aceleck{padding-right:190px;}

/* Ace Img Product  */
.divaceimg{display:table-cell;vertical-align:middle;text-align:center;height:100px;width:120px;min-height:100px;}
.divaceimg img{display:none;}
.aceimgprshow{display:inline !important;}
/* Ace Img/Text advise */
.wdivadvise{width:600px;height:120px;clear:both;}
.divadvimg{float:left;width:150px;}
.divadv{padding: 8px 0 0 0;display:block;font-size:16px;line-height:22px;}


/* Rs Collapsed */
.rscollapsed{display:none;}
.delarrowdown, .delarrowup{width: 0; height: 0;left:570px;top:-21px;position:relative;cursor:pointer;display:block;
                            border-left: 10px solid transparent;border-right: 10px solid transparent;}
.delarrowdown {border-top: 10px solid blue;}
.delarrowup {border-bottom:10px solid blue;}

/*Others*/        
.delbtn{border:0px;background:white url(../../Imgs/various/gr-delete.gif) no-repeat;
    width:16px;height:16px;margin:2px 0 0 3px;background-color:transparent;} 
#alldel{left:608px;position:absolute;display:block;margin-top:23px;} /*For del all products on caret */
#divalldel{clear:both;} /*container of alldel needs to reference the top */

.oradio input{cursor:pointer;} 

/*
.headhid, .headshown, .btnocart, .btnocartdt{border:0px;background-color:transparent;cursor:pointer;}
.headhid, .headshown, .btnocart{float:left;clear:both;margin: 7px 0 0 12px;width:24px;height:24px;}
*/
.btnocartdt {margin: 0px 0 0 0px;height:12px;width:0px;}
.btnview{background: url(../../Imgs/various/gr-view.gif) no-repeat;height:16px;width:20px;}


/*-------------------------- Products Area - needed when is login   --------------------------------*/
/*---------declaration for Pages but also used in products area when LoginType > 0 ------------*/

/*User Login Object (displaying the cur logon name)*/
.oul{margin:8px 15px 3px 15px;position:relative;height:35px;width:160px;clear:both;}
.oul p{margin:1px 0 0 0;position:relative;left:8px;height:32px;overflow:hidden;vertical-align:middle;width:125px;}
#oull{display:table-cell;text-align:center;width:110px;}
.oul a{float:left;}
/* oCart Icon */
.btnocart, .btnocartdt{background: url(../../imgs/various/ocart.gif) no-repeat;} 
/*PageTitle*/
.titlerst{padding-top:2px;}
.titlerst h1, .titlerst h2{text-align:center;margin-bottom:0px;} 
.titlerst h1{height:40px;margin-top:15px;padding-top:3px;letter-spacing:1px;font-size:18px;} 
.titlerst h2{height:25px;margin-top:15px;padding-top:5px;font-size:14px;} 
/*PageLink used also in oAdvise page */
.pagetxt{clear:both;color:gray;text-align:left;line-height:16px;}

/*-------------------------- Prompt for Common Use --------------------------------*/
/* 06/04/14 they were in mpsXX.css */
.al{text-align:left;}
.ac{text-align:center;} /* or use: margin-left:auto;margin-right:auto;*/
.ar{text-align:right;}
.clearboth{clear:both;} 
.floatleft{float:left;}
.floatright{float:right;}
.paddb{padding-bottom:10px;}
.paddb2{padding-bottom:20px;} 
.paddall{padding:5px;}

.fnt11{font-size:11px;}
.fnt12{font-size:12px;}
.cursorpointer{cursor:pointer;}
.spacer{padding-top:15px;clear:both;} 

/*-------------------------- ModalPopupExtender  for Input Errors --------------------------------*/
/* The external window */
.popupdiv{background-color:#F5F8F5;border:solid 1px black;width:450px;
    display:block;padding:5px 5px 5px 5px;text-align:center;position:absolute;} 
/*control the background*/
.popupmpe{position:absolute;z-index: 100;top: 0px;left: 0px;background-color: #000;opacity:0.20;} 
/* is where is writen the content */
.popupvs{font-size:14px; line-height:22px;text-align:left;list-style-type:disc;color:Gray;
            overflow:auto;max-height:500px;padding-right:15px;}
/* The title area putted in a Div */
.popupdivtitle{clear:both;font-size:16px; text-align:center;
    padding:5px 5px 5px 5px;font-weight:bold;background:url(../../Imgs/Various/tab.jpg) repeat -2px -2px;}
#mpeoptok{margin-right:250px;}

/*-------------------------- Java Modal Window  --------------------------------*/
#modal-bg{position:absolute;z-index:100;top:0;left:0;background-color:rgba(0,0,0,0.2);}
#modal-wrap{display:none;border:1px solid #fff;top:100px;position:relative;
	box-shadow: 0px 2px 7px #292929;border-radius:10px;	background: #f2f2f2;z-index:500;}
#modal-drag{height:16px;cursor:move;}	
#modal-body{background-color:#fff;padding:0 10px 20px 10px;margin:0 15px 5px 15px;;border-radius:10px;cursor:default;}
#modal-close{position:relative;top:-25px;left:20px;float:right;display:block;height:50px;
	    width:50px;background: url(../../Imgs/Various/close.png) no-repeat;cursor:pointer;}	
#modal-btns{position:relative;font-size:18px;width:500px;display:table-cell;clear:both;}

.modal-opt{font-size:16px;border-bottom:1px dashed silver;}
.modal-opt input{margin: 5px 20px 0 0; top:2px; position:relative;font-size:18px;width:15px;height:15px;}

#modal-btns input{top:-45px;position:relative;font-size:20px;text-align:center;width:150px;border-radius:10px;}
#modal-btns #btncanc{float:left;margin:0 30px 0 30px;}
#modal-btns #btnok{float:right;margin:0 30px 0 30px;}
/*-------------------------- oDate  Objects  --------------------------------*/
.x3date {clear:both;padding-top:5px;margin-top:15px;z-index:1;position:relative;height:25px;
            background:url(../../Imgs/Various/tit-y-h50.gif) repeat-x #444444;border:1px solid #D8D8CE;}
.x3date input[type=text]{margin-top:0px;width:30px;}
.x3date img{margin-top:4px;}

.odfloat, .divtbxdate, .datelbl{float:left;padding-right: 20px;}
.datelbl{padding-right: 2px;margin-top:3px;font-weight:normal;color:gray;}
#datefdiv{margin-left:6px;}

.x3date input[type=submit]{float:left;margin-top:1px;}
.btndaterange{height:25px;width:25px;border:0px;}
.btndaterange[disabled]{opacity:.35;filter:alpha(opacity=35);}

.btndatecnf{margin-top:0px !important;}



#btnseasonprev, #btnyearprev{background:url(../../Imgs/Various/jq/back_enabled.jpg) no-repeat;}
#btnseasonnext, #btnyearnext{background:url(../../Imgs/Various/jq/forward_enabled.jpg) no-repeat;}
#btnseasonprev[disabled], #btnyearprev[disabled]{background:url(../../Imgs/Various/jq/back_disabled.jpg) no-repeat;}
#btnseasonnext[disabled], #btnyearnext[disabled]{background:url(../../Imgs/Various/jq/forward_disabled.jpg) no-repeat;}
#btnseasonprev:active, #btnyearprev:active{background:url(../../Imgs/Various/jq/back_disabled.jpg) no-repeat;}
#btnseasonnext:active, #btnyearnext:active{background:url(../../Imgs/Various/jq/forward_disabled.jpg) no-repeat;}


/* try with bg header that cover till the date object called from BuildSubMenu */
.pagebghead{background:url(../../Imgs/Various/tit-y-h120.gif) repeat-x red;
     padding-top:0px;top:0px;left:0px;z-index:0;position:absolute;height:98px;width:605px;border-bottom:1px solid #BEBEBE;}


/*------------------------ oChangeKey as ck   -------------------------*/
.x3ck{clear:both;padding-top:3px;height:25px;float:left;width:600px;
          border:1px solid #E6E6DE;color:gray;box-shadow: inset 0 0 12px rgb(230, 230, 230);}

.x3ck input[type=text]{margin-top:1px;}
.x3ck div{}
.x3ck table{padding-left:0px;width:395px;}
.x3ck table td{text-align:center;}
.x3ck table td:first-child{font-size:12px;font-weight:bolder;}
.x3ckc{border-right:2px solid silver;}   

                 
.x3ckd{clear:both;float:left;margin-top:3px;padding:0px 5px 0px 5px;cursor:help;}
.x3ckdtb{float:left;}  
.x3ckdc{float:left;clear:right;margin-top:3px;width:390px;} 
.x3ckdl{float:left;clear:right;margin-left:21px;text-align:center;font-size:12px;font-weight:bolder;}
.x3ckdr{text-align:center;}



/*-------------------------- oWarning Object  --------------------------------*/
.owarn{padding: 12px 0px 5px 55px;}

/*-------------------------- Email Object  --------------------------------*/
.emaildiv{clear:both;float:left;position:relative;width:600px;z-index:2;border:1px dotted #BEBEBE;background-color:#FDFDF5;}
.emailrow{background:#F5F5F5;}
.emailt{clear:both;float:left;position:relative; width:535px;height:5px;padding-bottom:0px;}
.emailimg{float:right;position:relative;padding-right:2px;}
.emailtbox{border:1px solid #BEBEBE;color:gray;text-decoration:none;}
.emailfreesubj{float:left;border:1px solid #BEBEBE;color:gray;text-decoration:none;padding: 0px 0px 0 2px;}


/*-------------------------- ToolTip Sum  --------------------------------*/
.tooltipsum{position:absolute;z-index:999;left:-9999px;} 
.tooltipsum p{margin:0;color:black;padding:5px 7px; font-weight:bold;
          background:white; border:2px solid red !important;/*tit-y-h120.gif*/
           margin-left:auto;margin-right:auto;text-align:center;}
.tooltipsum p{background:#D9F4F6;}
#divHelp{height:100px; width:605px;border:1px solid silver;margin:40px 0 0 0;}




/*.spacers{padding-top:5px;clear:both;}
.avc{vertical-align:middle;} 
.padd{padding-top:10px;}
.height{height:10px;} 
.fnt10{font-size:10px;}
.bgw{background-color:white;}
.margin0{margin:0;}
.inline{display:inline;}
.cred{color:red;font-size:20px;}
.spacer2{padding-top:30px;} 
 */

/*-------------------------- AjaxFileUpload  --------------------------------*/
.afuw{clear:both;position:relative;float:left;width:605px;padding:20px 0 10px 0;}
.afudiv{ width:450px;float:left;}
.afudiv p{border-bottom: 1px solid rgb(185,185,185);} 
.afucl{top:15px;position:relative;height:20px;}  
.afucl input[type=file]{cursor:pointer;}
.afucl input[type=text]{cursor:text;}
.throbber{top:18px;position:relative;height:20px;float:right;padding: 0 20px 0 0 }

.afudivmsg{float:left;clear:both;display:block;position:relative;top:25px; width:450px;}
.afuerror{float:left;color:red;padding: 0 0 5px 0;font-size:14px;padding:0 0 10px 0;}

.delbtnafu, .delbtnafudisabled{border:0px;background:white url(../../Imgs/various/delete.png) no-repeat;
    width:24px;height:24px;margin-top:2px;background-color:transparent;float:left;} 
.delbtnafudisabled{visibility:hidden;}

.afudivhelp{float:left;position:relative;margin:0 0 20px 0;}
.afuimghelp{float:left;width:25px;cursor:pointer;}
.afuhelp{float:right;width:420px;border-bottom: 1px solid rgb(210,210,210);padding:0 0 5px 0;display:none;}
 
.afuimgdiv{display:table-cell; vertical-align:middle; text-align:center;background:rgb(230,230,230);
           border-radius:8px;border: 1px solid rgb(185,185,185);
           height:150px;width:150px;min-height:150px;}
.afuimgdiv img{border: 2px solid white;margin:3px 0 0 0;}



/*-------------------------- Pr Drag  (Product info with drag feature) --------------------------------*/
#prDrag {width:320px;background:white;opacity:0.9;cursor:pointer;height:165px;
       z-index:11;position:absolute;border-radius: 0 0 8px 8px;border: 1px solid silver;
       box-shadow: 0 0 3px rgba(55, 55, 55, 0.6),0 0 8px rgba(55, 55, 55, .4),0 0 32px rgba(55, 55, 55, .3) !important;}
#prDrag.userlogin{height:118px;}
.pd-jolly{position:relative !important;height:160px;margin: 20px 0 0 0;} 

#pd-head{background:silver;height: 18px;border-bottom: 1px solid gray;padding:2px 0 0 0;}      
#pd-head-l, #pd-head-r, #pd-head-c{float:left;text-align:center;
         font-size:14px;padding:0;}
#pd-head-l{width:287px;color:white;font-weight:bold;clear:both;cursor:move;}
#pd-head-c{position:relative;width: 0; height: 0;top:0px;
            border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right:8px solid rgb(150,150,150);}
.pd-next #pd-head-c{border-right:8px solid silver !important;}                     
#pd-head-r{width:18px;text-align:left;position:relative;left:10px;font-size:14px;}
.pd-prevnext #pd-head-r, .pd-next #pd-head-r{position:relative;width:0 !important;height:0;
               border-top:8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid rgb(150,150,150);}                
#pd-head-r:hover{color:black;}
#pd-head-c:hover{border-right: 8px solid rgb(255,0,0) !important;}
.pd-next #pd-head-c:hover{border-right: 8px solid silver !important;}
.pd-prevnext #pd-head-r:hover, .pd-next #pd-head-r:hover{border-left: 8px solid rgb(255,0,0);}


.pd-imgw{float:left;width:105px;top:19px;padding: 0 0 0 8px;}
.pd-notes{float:right;width:190px;left:105px;margin: 8px 8px 0 5px;font-size:12px;}
.pd-imgdiv{display:table-cell;vertical-align:middle;text-align:center;height:98px;width:120px;}
.pd-imgdiv img{border:0;}
#prDrag a, #prDrag .cart{color: #646464 !important;}
#prDrag a:hover, #prDrag .cart:hover{opacity:0.5;}
#prDrag a:active, #prDrag .cart:active{opacity:0.1;}
.pd-notes, .pd-t table{cursor:text;}

.pd-t{width:320px;float:left;padding:0 0 0 1px;}
.pd-t table, .pd-s table{margin:0 auto;}
.pd-t td{text-align:center;width:50px;
         box-shadow: inset 0 0 12px rgba(55, 55, 55, .2), 0 0 12px rgba(55, 55, 55, .1);border-radius:8px;}

#prDrag .cart.disabled{background: url(../../Imgs/Various/cartdisabled.jpg) no-repeat 5px 5px;}
#prDrag .cart{background: url(../../Imgs/Various/cart.jpg) no-repeat 5px 5px; left:5px;width:40px;height:30px;}
#prDrag .favor{background: url(../../Imgs/Various/preferiti.jpg) no-repeat; left:278px;width:32px;height:30px;}

#prDrag .favor, #prDrag .cart{position:absolute;top:123px;
                            box-shadow: inset 0 0 12px rgba(55, 55, 55, .3), 0 0 12px rgba(55, 55, 55, .3);border-radius:8px;}

.sdmenu span{cursor:move;}                          
#jolly{float:left;width:334px;/* height:185px;*/}
/*#jolly.userlogin{height:145px;} */
#content{min-height:200px;} /* To avoid sdmenu move left when div content is empty */

/*-------------------------- Fv Drag  (Favourite Object with drag feature) --------------------------------*/
.fv-drag {width:130px;background:white;opacity:0.9;cursor:pointer;height:142px;
       z-index:11;position:absolute;border-radius: 0 0 8px 8px;border: 1px solid silver;
       box-shadow: 0 0 3px rgba(55, 55, 55, 0.6),0 0 8px rgba(55, 55, 55, .4),0 0 32px rgba(55, 55, 55, .3) !important;}  
.fv-head-l, .fv-head-r{float:left;height:17px;background:silver;border-bottom: 1px solid gray;text-align:center;
         font-size:12px;padding:2px 0 0 2px;}
.fv-head-l{width:105px;color:White;font-weight:bold;clear:both;cursor:move;}
.fv-head-r{width:21px;}
.fv-head-r:hover {color:black;}

.fv-imgw{float:left;width:105px;top:19px;padding: 0 0 0 8px;}
.fv-imgdiv{display:table-cell;vertical-align:middle;text-align:center;height:98px;width:120px;}
.fv-imgdiv img{border:0;}
.fv-drag a{color: #646464 !important;}
.fv-drag a:hover{opacity:0.7;}
.fv-drag a:active{opacity:0.1;}
.fv-drag:hover{box-shadow: 0 0 3px rgba(55, 55, 55, 0.8),0 0 8px rgba(55, 55, 55, .8),0 0 32px rgba(55, 55, 55, .8) !important;}

.fv-footer{width:130px;float:left;padding:0 0 0 1px;clear:both;top:-4px;position:relative;}
.fv-footer div{color:#4D7CC1;float:left; padding: 3px 3px 3px 3px;border-radius:8px;margin: 0 0 0 5px;
           box-shadow: 0 0 3px rgba(55, 55, 55, 0.6);}
.fv-footer div:hover{color:Red;}           
.fv-footer .carts{float:right;padding: 0px 5px 0 0px;position:relative;top:-4px;left:7px;
    background: url(../../Imgs/Various/cartm.jpg) no-repeat 5px 5px; width:40px;height:30px;}
.fv-footer .carts:hover{opacity:0.7}