/*
Elxis CMS - plugin Mini shop
Created by Ioannis Sannos
Copyright (c) 2014 Is Open Source
http://www.isopensource.com
*/

.mshop_wrap { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:3px dotted #CCC; }
.mshop_first { margin:20px 0 20px 0; padding:20px 0 20px 0; border-top:3px dotted #CCCCCC; } 
.mshop_img { margin:0; padding:0; float:right; width:120px; text-align:center; }
.mshop_img img { background-color:#fff; border:1px solid #ccc; margin:0; padding:2px; width:100px; }
.mshop_prod { margin:0 120px 0 0; padding:0; }
.mshop_prodno { margin:0; padding:0; }
.mshop_ttl { margin:0 0 5px 0; padding:0; font:bold 14px/18px tahoma, verdana, sans-serif; color:#000000; }
.mshop_ttl span { font:normal 14px/18px tahoma, verdana, sans-serif; color:#FF6600; }
.mshop_desc { margin:0 0 5px 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#333333; }
form.mshop_form { margin:0; padding:0; }
.mshop_amount { margin:0 0 5px 0; padding:0; font:bold 14px/18px tahoma, verdana, sans-serif; color:#2E5A9C; }
.mshop_row { margin:0 0 5px 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#222; }
.mshop_label { margin:0; padding:0; float:right; width:120px; }
.mshop_label2 { margin:0; padding:0; float:right; width:160px; font:normal 13px/16px tahoma, verdana, sans-serif; color:#222; }
select.mshop_select { margin:0; padding:2px 5px; border:1px solid #CCC; background-color:#FFF; box-shadow:none; font:normal 12px/16px tahoma, verdana, sans-serif; color:#222; }
select.mshop_select2 { margin:0; padding:2px 5px; border:1px solid #CCC; background-color:#FFF; box-shadow:none; font:normal 13px/16px tahoma, verdana, sans-serif; color:#222; }
input.mshop_text2 { margin:0; padding:2px 5px; border:1px solid #CCC; background-color:#FFF; box-shadow:none; font:normal 13px/16px tahoma, verdana, sans-serif; color:#222; width:200px; }
input.mshop_text2:focus { border-color:#888888; }
textarea.mshop_area2 { margin:0; padding:2px 5px; border:1px solid #CCC; background-color:#FFF; box-shadow:none; font:normal 13px/16px tahoma, verdana, sans-serif; color:#222; width:300px; height:60px; }
textarea.mshop_area2:focus { border-color:#888888; }
.mshop_rclear { margin:0; padding:0; clear:right; height:1px; }
.mshop_note { margin:0 0 5px 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#666666; }
button.mshop_addcart, button[type=button].mshop_addcart {
	margin:5px 0; padding:0 10px 0 5px; border:1px solid #111111;
	font:bold 14px/20px tahoma, verdana, sans-serif; color:#ffffff; background-color:#444444;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;
}
button.mshop_addcart:hover, button[type=button].mshop_addcart:hover { background-color:#2766A5; border-color:#184583; }
button.mshop_addcart span, button[type=button].mshop_addcart span { margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #888; }
button.mshop_addcart:disabled, button[type=button].mshop_addcart:disabled { background-color:#AAAAAA; border-color:#777777; color:#EEEEEE; cursor:wait; }
table.mshop_list { margin:0 0 20px 0; padding:0; border:none; width:100%; border-collapse:collapse; }
table.mshop_list tr { margin:0; padding:0; border:none; }
table.mshop_list tr td { margin:0; padding:6px; border-bottom:1px solid #DDDDDD; font:normal 13px/17px tahoma, arial, sans-serif; color:#333; vertical-align:top; }
img.mshop_thumb { background-color:#fff; border:1px solid #ccc; margin:0; padding:2px; width:50px; height:50px; }
.mshop_prodopt { margin:0 0 2px 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#666666; }
fieldset.mshop_fset { margin:20px 0; padding:10px; border:1px solid #CCC; background-color:#EFEFEF; border-radius:7px; }
button.mshop_btn, button[type=button].mshop_btn, button[type=submit].mshop_btn {
	display: inline-block; background: #ffaf4b;
	background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a));
	background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%);
	background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%);
	background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%);
	background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
    text-shadow: 0 1px 0 #BE6203; font:bold 14px/20px Verdana,Helvetica,sans-serif; color: #FFFFFF;
	outline:none; margin:0; padding:6px 20px; cursor: pointer; white-space: nowrap; border:1px solid #ff6c0a;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
button.mshop_btn:hover, button[type=button].mshop_btn:hover, button[type=submit].mshop_btn:hover {
	background: #ff920a;
	background: -moz-linear-gradient(top,  #ff920a 0%, #fd770b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff920a), color-stop(100%,#fd770b));
	background: -webkit-linear-gradient(top,  #ff920a 0%,#fd770b 100%);
	background: -o-linear-gradient(top,  #ff920a 0%,#fd770b 100%);
	background: -ms-linear-gradient(top,  #ff920a 0%,#fd770b 100%);
	background: linear-gradient(to bottom,  #ff920a 0%,#fd770b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#fd770b',GradientType=0 );
}
.mshop_finalbox { margin:30px 0; padding:10px; border:1px solid #CCC; background-color:#EFEFEF; border-radius:7px; font:normal 13px/17px tahoma, arial, sans-serif; color:#222222; }
.mshop_note { margin:3px 0; padding:0; font:normal 12px/16px tahoma, verdana, sans-serif; color:#555555; }
.mshop_vlspace { margin:30px 0; padding:0; }
.mshop_leftpad { margin: 10px 0; padding:0 170px 0 0; }
.mshop_highwarn { border-color:#FF0000 !important; }
.mshop_pconly { visibility:visible; }
.mshop_invisible { display:none; }

@media only screen and (max-width: 600px) {
	.mshop_img {float:none; width:1px; display:none; }
	.mshop_prod { margin:0; }
	.mshop_label, .mshop_label2 { float:none; display:block; width:100%; }
	select.mshop_select, select.mshop_select2 { margin:3px 0; padding:5px 5px; display:block; width:100%; }
	input.mshop_text2 { margin:3px 0; padding:5px 5px; display:block; width:95%; }
	textarea.mshop_area2 { margin:3px 0; padding:5px 5px; display:block; width:95%; }
	.mshop_pconly { display:none; visibility:hidden; }
	.mshop_leftpad { padding:0 0 0 0; }
}