/* CUSTOMER SERVICE */
 
#csOverlay { z-index:9999; position:fixed; top:0; left:0; width:300px; bottom:0; background:#FFF; box-shadow: 0 0 30px rgba(0,0,0,0.3); font-family:"Lato", sans-serif; font-size:14px; font-weight:400; }
.csStyle  * { font-family:"Lato", sans-serif; }

#csTabs { overflow:hidden; background:#f5f5f5; border-bottom:1px solid #e7e7e7; }
#csTabs  a { float:left; display:block; padding:12px 20px;background:#f5f5f5; cursor:pointer; border-right:1px solid #e7e7e7; border-bottom:0 none; }
#csTabs  a.activ { background:#FFF;  }
#csMenu { background:#487ebd; height: 50px; }
#csMenu img { height:30px; margin:8px 10px; }
.csScroll { display:none; overflow-x:hidden; position:absolute; top:94px; bottom:0; left:0 right:0; background:#FFF; width:100%; }
.csScroll.nonactiv { }
.csContent { margin:5px 20px 20px; }
.csContent h2 { text-transform:none; padding-bottom:15px!important; }
.csContent > div { padding-bottom:15px; padding-top:15px; border-bottom:1px solid #eee; }
#csOverlay  p { margin:3px 0; clear:both; display:block; }
.csStyle input {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 box-sizing:border-box; display:block; border:1px solid #CCC; height:34px; 
 padding:6px 12px; line-height: 1.42857; border-radius: 2px; -webkit-border-radius: 2px; width:100%;
 font-family:"Lato", sans-serif; font-size:14px; font-weight:400;
}
.csStyle   input:focus{
border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.csStyle   input[type=radio] {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
box-sizing:border-box; display:block; border:1px solid #CCC;
line-height: 1.42857; border-radius: 2px; -webkit-border-radius: 2px; width:20px; height:20px;
float: left; margin-right: 10px; width: 15px; height: 15px; padding: 0px; clear:both; margin-bottom:10px;
}
.csStyle   input[type=radio]:hover { background:#69C; cursor:pointer; }
.csStyle   input[type=radio].checked { background:#36A; }
.csStyle  .rdioLbl {
padding:0;
height:20px;
clear:none;
}

#csDiscounts.csDiscountsOptions { display: none; }
#csDiscounts.csDiscountsOptionsShow { display: block; }
#csDiscounts .csLines { font-size:12px; }
#csDiscounts .csLines input { font-size:12px; padding: 0px; height: initial; border: 0; width: 50px; float: right; margin-right:12px; }
#csDiscounts .csLines .price { float:right;font-weight:bold; display:inline-block; margin-right:12px;}
#csDiscounts .csLines .name { display:inline-block; width:68% }
#csDiscounts .csLines label { display:inline-block; width:68%; padding:0; color:#888; }
#csDiscounts .csLines .name em.qty { color:#888; }

#csDiscounts .csLines { font-size:12px; }

#csDiscounts { overflow:hidden; }
#csDiscounts label { float:left; width:70%; display:block; height:36px; } 
#csDiscounts span { float:right; width:30%; display:block; } 
#csDiscounts p strong{ float:right; width:50%; display:block; text-align:right; padding:0 12px; overflow:hidden; } 
#csDiscounts p span { padding:0px; margin-left:12px; float:left; text-decoration:line-through; color:#999; font-weight:400;} 
#csDiscounts input {text-align:right;}
#csDiscounts input[type=radio] {margin-top: 1px;}
.csContent button { background: #29abe2; border:1px solid #3db7dc; color:#FFF; display:block; width:100%; white-space: nowrap; 
text-align: center; vertical-align: middle; padding: 6px 12px; height:34px; font-size: 14px; line-height: 1.42857;font-family:"Lato", sans-serif;  clear:both; }
.csContent button:hover{background:#2c74b3;border-color:#245e90}

#csDiscounts button { background-color: #5cb85c; border-color: #4cae4c; /* padding: 15px 0; */ height: 44px; margin-top:15px;}
#csDiscounts button:hover {background-color: #47a447;border-color:#398439; }
#csAffiliate button { margin-top:10px; } 
.csTotals {  margin-top:15px; border-top:1px solid #eee; clear:both; padding-top:10px;}
.csTotals p { height:18px; }
.csStyle  ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #f5f5f5;
}

.csStyle  ::-webkit-scrollbar-thumb {
    background: #CCC;
	cursor: pointer;
}
.csStyle  ::-webkit-scrollbar-thumb:hover {
    background: #BBB;
}

#csOverlay ::-webkit-scrollbar-corner {
    background: #f5f5f5;
}
#csSlider:hover {background-color:#3D6A9E; cursor:pointer;}
#csSlider span:hover {background-color:#3D6A9E;}
#csSlider { border-left: 1px solid #38659a; display:block; background:#487ebd; width:50px; height:50px; position:absolute; right:0px; position:absolute; top:0; z-index:1; background:#487ebd url(/skins/shared/img/mesh_white_icon.png); }
#csSlider  span { display:block; width:50px; height:50px;   background:#487ebd url(/skins/shared/img/size-pz-c.png) center no-repeat; }


#csError { position:fixed; z-index:9999; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.6); }
#csErrorBox {margin: 200px auto 0 auto; width: 400px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.2);  padding: 20px;overflow: hidden;}
#csError input { margin:0 0 10px 0; }
#csError h3 { margin:0 0 20px 0; }
#csError button {
background: #29abe2; border:1px solid #3db7dc; color:#FFF; display:block; width:100%;
text-align: center; vertical-align: middle; padding: 6px 12px; height:34px; font-size: 14px; line-height: 1.42857;font-family:"Lato", sans-serif; 
margin: 10px 0 0 0;
}
#csError button.csPrimary {  width: 70%; text-align:center; margin: 10px 0 0 0;  clear: none;  float: left;  /* background: #CCC; */}
#csError button.csCancel { float:right; width: 20%; clear: none; background: #CCC; border-color: #CCC;}
#csError button:hover{background:#2c74b3;border-color:#245e90}