/* 
Module Vertical Basket 
Ioannis Sannos
https://www.isopensource.com
*/

.vbsk_wrap { margin:0; padding:0; }
.vbsk_wrap1 { padding:5px 10px; background:#FFFFFF; border:1px solid #DDDDDD; }
.vbsk_wrap2 { padding:5px 10px; background:#EFF8FF; border:1px solid #DDF1FF; }
.vbsk_wrap3 { padding:5px 10px; background:#F8F8F8; border:1px solid #D8D8D8; }
a.vbsk_summary, a.vbsk_summary:hover, a.vbsk_summary:visited, a.vbsk_summary:active {
	outline:none; border:none; text-decoration:none; font:normal 15px/18px "Open Sans", Arial, sans-serif; color:#444444; margin:0; padding:8px 25px 8px 0; 
	border:none; display:block; position: relative;
}
a.vbsk_summary:hover { color:#000000; }
.vbsk_carticon { color:#708090; }
.vbsk_sumarrow { position: absolute; top:8px; right: 0; width:25px; text-align: center; display:inline-block; font-size:18px; color:#AAAAAA; }
ul.vbsk_cartlist { margin:5px 0 20px 0; padding:0; list-style: none; background: none; border: none; display:block; width:100%; }
ul.vbsk_cartlist li {
	margin:0 0 10px 0; padding:0 0 10px 0; border:none; border-bottom:1px solid #DDDDDD;
}
.vbsk_item { display: flex; flex-direction: row; flex-wrap: nowrap; margin:0; padding:0; width: 100%; justify-content: space-between; box-sizing: border-box; }
.vbsk_itemimg { display: block; flex:0 0 50px; width:50px; padding: 0; box-sizing: border-box; }
.vbsk_itemdesc { display: block; flex:1 1 90%; padding:0 0 0 10px; box-sizing: border-box; }
.vbsk_itemdel { display: block; flex:0 0 32px; width:32px; padding: 0; box-sizing: border-box; text-align: right; }
.vbsk_itemimg a, .vbsk_itemimg a:hover, .vbsk_itemimg a:visited { display:block; margin:0; padding:0; border:none; text-decoration:none; }
.vbsk_itemimg img { margin:0; padding:0; border:none; width:100%; height:auto; }
.vbsk_itemdesc a, .vbsk_itemdesc a:hover, .vbsk_itemdesc a:visited {
	display:block; margin:0; padding:0; border:none; text-decoration:none; font:normal 14px/18px "Open Sans", Arial, sans-serif; color:#205F87;
}
.vbsk_itemdesc a:hover { color:#3399DD; }
.vbsk_itemqprice { margin:2px 0 0 0; padding:0; font:normal 13px/16px tahoma, arial, sans-serif; color:#777777; }
.vbsk_itemdel a, .vbsk_itemdel a:hover, .vbsk_itemdel a:visited { 
	display:block; margin:0; padding:0; border:none; text-decoration:none; text-align: right; font-size:24px; line-height:24px; color:#CCCCCC;
}
.vbsk_itemdel a:hover { color:#CD5C5C; }
.vbsk_noitem { margin:0; padding:10px 0; font:normal 14px/18px "Open Sans", Arial, sans-serif; color:#777777; font-style:italic; }
.vbsk_bottom { display: flex; flex-direction: row; flex-wrap: nowrap; margin:0; padding:0; width: 100%; justify-content: space-between; box-sizing: border-box; }
.vbsk_bottombox { display: block; flex:0 0 48%; width:48%; padding: 0; box-sizing: border-box; text-align: center; }
.vbsk_total_txt { font:normal 12px/14px tahoma, arial, sans-serif; color:#666666; }
.vbsk_total { font:bold 14px/16px tahoma, arial, sans-serif; color:#FF7D0A; }
.vbsk_total1 { color:#DC143C; }
.vbsk_total2 { color:#1E90FF; }
.vbsk_total3 { color:#006400; }
.vbsk_total4 { color:#000000; }
a.vbsk_btnlink, a.vbsk_btnlink:hover, a.vbsk_btnlink:visited, a.vbsk_btnlink:active {
	display: block; width:100%; padding:6px 15px; background: #ffaf4b; background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);
	color: #FFFFFF; text-shadow: 0 1px 0 #BE6203; font:bold 14px/18px Arial, Helvetica, sans-serif; text-align: center;
	text-decoration: none; outline:none; cursor: pointer; white-space: nowrap; border:1px solid #ff6c0a; border-radius: 5px;
}
a.vbsk_btnlink:hover { background: #ff920a; background: linear-gradient(to bottom,  #ff920a 0%,#fd770b 100%); }
a.vbsk_btnlink1, a.vbsk_btnlink1:hover, a.vbsk_btnlink1:visited, a.vbsk_btnlink1:active {
	display: block; width:100%; padding:6px 15px; background: #EF1743; background: linear-gradient(to bottom, #EF1743 0%,#C6133A 100%);
	color: #FFFFFF; font:bold 14px/18px Arial, Helvetica, sans-serif; text-align: center;
	text-decoration: none; outline:none; cursor: pointer; white-space: nowrap; border:1px solid #A8102F; border-radius: 5px;
}
a.vbsk_btnlink1:hover { background: #DC143C; background: linear-gradient(to bottom,  #DC143C 0%,#A8102F 100%); }
a.vbsk_btnlink2, a.vbsk_btnlink2:hover, a.vbsk_btnlink2:visited, a.vbsk_btnlink2:active {
	display: block; width:100%; padding:6px 15px; background: #1E90FF; background: linear-gradient(to bottom, #1E90FF 0%,#1876CE 100%);
	color: #FFFFFF; font:bold 14px/18px Arial, Helvetica, sans-serif; text-align: center;
	text-decoration: none; outline:none; cursor: pointer; white-space: nowrap; border:1px solid #135FA5; border-radius: 5px;
}
a.vbsk_btnlink2:hover { background: #1773C4; background: linear-gradient(to bottom,  #1773C4 0%,#135FA5 100%); }
a.vbsk_btnlink3, a.vbsk_btnlink3:hover, a.vbsk_btnlink3:visited, a.vbsk_btnlink3:active {
	display: block; width:100%; padding:6px 15px; background: #00A000; background: linear-gradient(to bottom, #00A000 0%,#007A00 100%);
	color: #FFFFFF; font:bold 14px/18px Arial, Helvetica, sans-serif; text-align: center;
	text-decoration: none; outline:none; cursor: pointer; white-space: nowrap; border:1px solid #006400; border-radius: 5px;
}
a.vbsk_btnlink3:hover { background: #008700; background: linear-gradient(to bottom,  #008700 0%,#006400 100%); }
a.vbsk_btnlink4, a.vbsk_btnlink4:hover, a.vbsk_btnlink4:visited, a.vbsk_btnlink4:active {
	display: block; width:100%; padding:6px 15px; background: #666666; background: linear-gradient(to bottom, #666666 0%,#222222 100%);
	color: #FFFFFF; font:bold 14px/18px Arial, Helvetica, sans-serif; text-align: center;
	text-decoration: none; outline:none; cursor: pointer; white-space: nowrap; border:1px solid #000000; border-radius: 5px;
}
a.vbsk_btnlink4:hover { background: #444444; background: linear-gradient(to bottom,  #444444 0%,#000000 100%); }