/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


@media only screen and (min-width: 768px) {
	.col-full, #wrapper  { max-width: 980px;width: 980px; }
}

.ie img{ max-width: none!important; }

@media only screen and (min-width: 768px)  {
	#savecoupon{
	position: absolute;
	left: 420px;
	top: 0px;
	display: block;
	width: 174px;
	height: 99px;
	background: url(images/nuley-coupon.png) no-repeat left top;
	}
	#headerright {
		position: absolute;
		right: 0;
		top: 20px;
	}
}
@media only screen
and (min-device-width : 450px) 
and (max-device-width : 768px){		
	#savecoupon{
	position: absolute;
	left: 300px;
	top: 0px;
	display: block;
	width: 174px;
	height: 99px;
	background: url(images/nuley-coupon.png) no-repeat left top;
	}
	#headerright {
		position: absolute;
		right: 0;
		top: 20px;
	}
}
@media only screen and (max-width: 450px) {		 
	#savecoupon{
	position: relative;
	margin: 20px auto -20px auto;
	display: block;
	width: 174px;
	height: 99px;
	background: url(images/nuley-coupon.png) no-repeat left top;
	}
	#header{
		height:200px;
	}
	#headerright {
		position: absolute;
		right: 20px;
		top: 20px;
	}
}

#savecoupon{
text-indent:-9999px;
}
#headerright div.boxes.shoppingcart{
background:url(images/cart.png) no-repeat left center;
padding-left:60px;
min-height: 50px;
padding-top:15px;
}
#headerright div.boxes.shoppingcart h3,
#headerright div.boxes.shoppingcart img{
display:none;
}
#headerright div.boxes.shoppingcart ul.product_list_widget {
display:none;
}
#loopedSlider .content p, #loopedSlider .content h2{
background:transparent;
}
.clearfix{
position:relative;
display:block;
clear:both;
}

@media only screen and (min-width: 768px){
#recentproducts ul.products li.product {
clear: none;
width: 20.75%;
margin-right: 3.2%;
}
}
.home .page h2.title{
display:none!important;
}