/**
 * Copyright: 2007-2012, Web Techtonics, LLC
 * This code is property of Web Techtonics, LLC. All rights reserved.
 * May not be re-used, re-distributed or modified without permission.
 */


/*
WSpecials-4
News/Coupon/Special/Event Widget (Single)
*/
.AV-WSpecials-4
{
	width: 315px;
	height: 230px;
	letter-spacing: 0.3px;
}
	.AV-WSpecials-4 .header
	{
		position: relative;
		height: 30px;
	}
		.AV-WSpecials-4 .header .title
		{
			position: relative;
			top: 4px;
			height: 22px;
			font-size: 18px;
			font-weight: bold;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 230px
		}
		.AV-WSpecials-4 a.button-readmore
		{
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B40000), to(#760000));
			background: -webkit-linear-gradient(top, #B40000, #760000);
			background: -moz-linear-gradient(top, #B40000, #760000);
			background: -ms-linear-gradient(top, #B40000, #760000);
			background: -o-linear-gradient(top, #B40000, #760000);
			background-repeat: no-repeat;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B40000', EndColorStr='#760000'); /* IE */
			border: 1px solid rgba(0,0,0,0.7);
			border-radius: 3px;
			box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset;
			color: #ffffff;
			cursor: pointer;
			display: block;
			font-family: "Open Sans",sans-serif;
			font-size: 12px;
			position: absolute;
			right: 0px;
			bottom: 3px;
			line-height: 22px;
			text-align: center;
			white-space: nowrap;
			width: 76px;
			height: 22px;
		}
		.AV-WSpecials-4 a.button-readmore:hover
		{
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#760000), to(#B40000));
			background: -webkit-linear-gradient(top, #760000, #B40000);
			background: -moz-linear-gradient(top, #760000, #B40000);
			background: -ms-linear-gradient(top, #760000, #B40000);
			background: -o-linear-gradient(top, #760000, #B40000);
			background-repeat: no-repeat;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#760000', EndColorStr='#B40000'); /* IE */
		}

	.AV-WSpecials-4 .body
	{
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#c5c3c3));
		background: -webkit-linear-gradient(top, #fbfbfb, #c5c3c3);
		background: -moz-linear-gradient(top, #fbfbfb, #c5c3c3);
		background: -ms-linear-gradient(top, #fbfbfb, #c5c3c3);
		background: -o-linear-gradient(top, #fbfbfb, #c5c3c3);
		background-repeat: no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbfbfb', EndColorStr='#c5c3c3'); /* IE */

		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: rgba(0, 0, 0, 0.3);
		border-image: none;
		border-style: solid;
		border-width: 5px;
		border-radius: 3px;

		box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.7);

		position: relative;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		width: 305px;
		height: 186px;
	}
		.AV-WSpecials-4 .body .deal
		{
			position: relative;
			width: 304px;
			height: 194px;
		}
		.AV-WSpecials-4 .body .deal a
		{
			background-color: rgba(255,255,255,0);
			background-image: url("about:blank"); /* IE */
			display: block;
			height: 175px;
			position: absolute;
			width: 305px;
			z-index: 100;
		}
	
		.AV-WSpecials-4 .body .deal .title
		{
			color: #333333;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.5;
			overflow: hidden;
			text-align: left;
			text-overflow: ellipsis;
			text-transform: uppercase;
			position: absolute;
			top: 5px;
			left: 10px;
			white-space: nowrap;
			width: 285px;
		}
		.AV-WSpecials-4 .body .deal .image
		{
			position: absolute;
			top: 36px;
			left: 10px;
		}
			.AV-WSpecials-4 .body .deal .image img
			{
				border: 1px solid #b1b1b1;
				width: 158px;
				height: 132px;
			}
		.AV-WSpecials-4 .body .deal .info
		{
			font-size: 11px;
			line-height: 14px;
			position: absolute;
			top: 36px;
			right: 5px;
			text-align: left;
			width: 120px;
			height: 130px;
		}
		.AV-WSpecials-4 .body .deal .details
		{
			background-color: rgba(0, 0, 0, 0.85);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1E1E1E', endColorstr='#1E1E1E'); /* IE */
			color: #ffffff;
			font-size: 12px;
			font-weight: normal;
			padding-top: 7px;
			position: relative;
			top: 145px;
			left: 10px;
			width: 160px;
			height: 18px;
		}
			.AV-WSpecials-4 .body .deal .details .info-icon
			{
				background: url("../../images/info-icon.png") no-repeat scroll 0 0 transparent;
				position: absolute;
				bottom: 5px;
				left: 5px;
				width: 30px;
				height: 30px;
			}

.AV-WSpecials-4
{
	/*height: 200px !important;*/
}
	.AV-WSpecials-4 *
	{
		box-sizing: content-box;
	}
	.AV-WSpecials-4 > .header
	{
		height: auto;
		min-height: 30px;
	}
	.AV-WSpecials-4 > .header > .title
	{
		width: auto !important;
		height: auto;
		white-space: normal;
		top: 0;
		padding-bottom: 5px;
	}
	.AV-WSpecials-4 > .body
	{
		/*width: 100%;*/
	}
	.AV-WSpecials-4 > .body .body-inside > .deal > a
	{
		width: 100%;
	}
	.AV-WSpecials-4 > .body .body-inside > .deal > a > .title
	{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 3px 5px;
	}
	.AV-WSpecials-4 > .body .body-inside > .deal > a > .image
	{
		position: relative;
		top: 0;
		left: 0;
		float: left;
		padding: 0 5px;
	}
	.AV-WSpecials-4 > .body .body-inside > .deal > a > .info
	{
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
	}
	.AV-WSpecials-4 > .body .body-inside > .deal > .details
	{
		position: relative;
		top: 135px;
		left: 5px;
	}

	/* The Pager */
	.AV-WSpecials-4 .bx-controls > .bx-pager.bx-default-pager
	{
		position: absolute;
		right: 7px;
		bottom: 7px;
		text-align: right;
	}
		.AV-WSpecials-4 .bx-controls > .bx-pager.bx-default-pager > .bx-pager-item
		{
			display: inline-block;
		}
		.AV-WSpecials-4 .bx-controls > .bx-pager.bx-default-pager > .bx-pager-item > a.bx-pager-link
		{
			background: none repeat scroll 0 0 #ffffff;
			border-radius: 0 0 0 0;
			color: transparent;
			display: block;
			float: left;
			height: 7px;
			margin: 0 5px;
			text-indent: -9999px; /* IE */
			width: 7px;
		}
		.AV-WSpecials-4 .bx-controls > .bx-pager.bx-default-pager > .bx-pager-item > a.bx-pager-link.active
		{
			background: none repeat scroll 0 0 #b00000;
		}