/*
 * CSS for woocommerce_dropdon_cart
 * Copy this file to your theme folder before making changes
 * eg wp-content/themes/YOUR_THEME/woocommerce-dropdown-cart/widget-flyout-cart-style.css
 */

	#dropdowncart {
		position:relative;
	}

	.dropdowntriggerarea {


	padding: 10px!important;
	width: 100%;
	border: 0px!important;
	border: none!Important; 
	font-family: sans-serif; 
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!Important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;

		width:168px;
		padding:3px 25px;
		margin:-20px 0;
		color:#111;
		text-decoration:none;
		float: right;
		
		display:block;
				background: url('open.png') 92% 50% no-repeat;
		background-size: 20px 20px;

	}
	
	.dropdowncarttrigger {
		width:20px;
		height:20px;
		display:block;
		text-decoration:none;
		position:absolute;
		right:0px;
		top:-7px;
	}
	
	.dropdowncarttrigger .open {
		width:20px;
		height:20px;		
	}
	
	a.dropdowncarttrigger:visited,a.dropdowncarttrigger:hover {
		color:#111;
		text-decoration:none;	
	}
	
	.dropdowncartcontents {
		width:400px;
		padding:20px;
		margin-top:35px;

		position:absolute;
		right: 0;		
		z-index:99999;
		
		border:1px solid #dddddd;
		
		box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);
		-webkit-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);
		-moz-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);
		
		background:#fafafa;
		background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ffffff));
		background:-webkit-linear-gradient(#fafafa, #ffffff);
		background:-moz-linear-gradient(center top, #fafafa 0%, #ffffff 100%);
		background:-moz-gradient(center top, #fafafa 0%, #ffffff 100%);
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}

	.dropdowncartcontents .cart_list li {
		border-bottom:1px solid #dddddd;
		padding:5px 0 !important;
		color:#222;
		font-size:11px;
		position:relative;
	}
	
	.dropdowncartcontents .dropdowncartimage {
		float:left;
		width:15%;
	}
	
	.dropdowncartcontents .dropdowncartproduct {
		float:left;
		width:65%;		
	}
	
	.dropdowncartcontents .dropdowncartquantity {
		float:left;
		width:20%;
		text-align:right;
	}
	
	.dropdowncartcontents span.quantity {
		padding-right:5px;
	}

	.dropdowncartcontents .cart_list li a {
		font-size:12px;
		color:#222;
	}

	.dropdowncartcontents .cart_list li img {
		float:left;
		padding:2px;
		background:#fff;
		box-shadow:0 0 3px 0 #dddddd;
		-webkit-box-shadow:0 0 3px 0 #dddddd;
		-moz-box-shadow:0 0 3px 0 #dddddd;
		margin-left:6px;
	}

	.dropdowncartcontents p.total {
		padding:10px;
		background:#003366;
		color:#FFF;	
		text-align:right;
	}

	.dropdowncartcontents p.buttons {
		text-align:center;
		margin-bottom:1em;	
		text-align:center;
		padding-left:10px;
	}

	.dropdowncartcontents .cart_list li.cart_oddrow {
		background:#fff;
	}

	.dropdowncartcontents .cart_list li.cart_evenrow {
		background:#f1f1f1;
	}	
	
	.dropdowncartcontents .variation dt {
		float:left;
	}
	
	.dropdowncartcontents .variation dl {
		float:left;
	}

	.dropdownbutton {
		width:130px;
		display: inline-block;
		margin: 5px 5px 5px 0;
		padding: 2px 13px 2px;
		border: 1px solid #ccc;
		color: #444;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		position: relative;
		font-size:1em !important;
		font-family: inherit;
		overflow: visible;
		text-shadow:0 1px 0 rgba(255,255,255,0.9);
	
		/*Border radius*/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	
		/*Background*/
		background: #237fd7; /*Fallback*/
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e5e5)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #fefefe, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image:    -moz-linear-gradient(top, #fefefe, #e5e5e5); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE10 */
		background-image:      -o-linear-gradient(top, #fefefe, #e5e5e5); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #fefefe, #e5e5e5);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e5e5e5'); /* IE6–IE9 */
	
		/*Box shadow*/
		-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
							inset 0 0 0 1px rgba(255,255,255,0.6), 
		    					  0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
		-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						 inset 0 0 0 1px rgba(255,255,255,0.6), 
							   0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
		box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 0 1px rgba(255,255,255,0.6), 
						  0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	
		/* Animation */
		-webkit-transition: all ease-in-out .2s;
		-moz-transition: all ease-in-out .2s;
	}

	.dropdownbutton:hover {
		text-decoration: none !important;
		color:#222;
		border-color:#9ebac3;
		background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #fefefe),
					color-stop(1, #f1f1f1)
		);
		background: -moz-linear-gradient(
					center top,
					#fefefe 20%,
					#f1f1f1 100%
		);
	
		/*Box shadow*/
		-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
							inset 0 0 0 1px rgba(255,255,255,0.6), 
							0 1px 6px #acd8e9 /*Shadow*/;
		-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 0 1px rgba(255,255,255,0.6), 
						0 1px 6px #acd8e9 /*Shadow*/;
		box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 0 1px rgba(255,255,255,0.6), 
					0 1px 6px #acd8e9 /*Shadow*/;
	}
	
	.dropdownbutton:visited,.dropdownbutton:active {
		color:#222;
	}

.cart_totals table {
	float: right;
}

ul.products li.product {background-color:#FFFFFF;}
ul.products li.product:hover {background-color:#FFFFFF;}

.products h3 {
	font-family: sans-serif !important;
	color: black;
}

.products .amount {
	font-family: sans-serif !important;
	font-weight: bold !important;
}