/*
Plugin Name: Vina Scroller Widget
Plugin URI: http://VinaThemes.biz
Description: This is a highly customizable plugin to show you or your customer's services, portfolio items, blog contents ... basically all business information thinkable.
Version: 1.0
Author: VinaThemes
Author URI: http://VinaThemes.biz
Author email: mr_hiennc@yahoo.com
Demo URI: http://VinaDemo.biz
Forum URI: http://laptrinhvien-vn.com
License: GPLv3+
*/

.vina-woo-scroller-widget {
	position: relative;
}

.vina-woo-scroller-widget.theme1 .main-container {
	background-color:#fff;
        border:1px #ddd solid;
	padding:30px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
	box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
}
.vina-woo-scroller-widget.theme1 {
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 20px;
	color: #777;
	text-shadow: #fff 1px 1px 1px;
}

.vina-woo-scroller-widget.theme1 h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #999;
	text-shadow: #fff 1px 1px 1px;	
	margin: 0px;
	width: 100%;
}

.vina-woo-scroller-widget.theme1 .thumb {
	height:auto;
	background:#fff;
	position:relative;
	z-index:50;
}

.vina-woo-scroller-widget.theme2 .main-container {
	background-color:#222;
	border:1px solid #1e1e1e;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.vina-woo-scroller-widget.theme2 {
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height: 20px;
	color: #999;
	text-shadow: #000 1px 1px 1px;
}
.vina-woo-scroller-widget.theme2 h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #ddd;
	text-shadow: #000 1px 1px 1px;	
	margin: 0px;
	width: 100%;
}
.vina-woo-scroller-widget.theme2 .thumb {
	padding:0px;
	height:auto;
	background:#fff;
	position:relative;
	z-index:50;
}


.vina-woo-scroller-widget .buttonlight {
	margin-top:10px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vina-woo-scroller-widget .buttonlight:link, 
.vina-woo-scroller-widget .buttonlight:visited {
	color: #777;
	padding: 5px 20px 5px 20px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	background: #999 url('../images/btn-light.png') repeat-x center top;
	border: 1px solid #cdcdcd;
	text-decoration: none;
	font-weight: bold;
}
.vina-woo-scroller-widget .buttonlight:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	background: #333;
	border: 1px solid #555555;
	text-decoration: none;
}
.vina-woo-scroller-widget .buttondark {
	margin-top:10px;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vina-woo-scroller-widget .buttondark:link, 
.vina-woo-scroller-widget .buttondark:visited {
	color: #fff;
	padding: 0 20px 0 20px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	background: #999 url('../images/btn-dark.png') repeat-x center top;
	border: 1px solid #151515;
	text-decoration: none;
	font-weight: bold;
}
.vina-woo-scroller-widget .buttondark:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	background: #333;
	border: 1px solid #555555;
	text-decoration: none;
}
.vina-woo-scroller-widget .toolbar {
	visibility:hidden;
}
.vina-woo-scroller-widget .toolbar .left {
	background:url(../images/left.png) no-repeat top;
	width:30px;
	height:45px;
	position:absolute;
	left:0px;
	top:60px;
	z-index:100;
	margin-left:-29px;
	cursor:pointer;
}
.vina-woo-scroller-widget.theme2 .toolbar .left{
	background:url(../images/left-dark.png) no-repeat top;
	width:30px;
	height:45px;
	position:absolute;
	left:0px;
	top:60px;
	z-index:100;
	margin-left:-29px;
	cursor:pointer;
}
.vina-woo-scroller-widget .toolbar .left:hover {
	background-position:bottom;
}
.vina-woo-scroller-widget .toolbar .right {
	background:url(../images/right.png) no-repeat top;
	width:30px;
	height:45px;
	position:absolute;
	right:0px;
	top:60px;
	z-index:100;	
	margin-right:-30px;
	cursor:pointer;
}
.vina-woo-scroller-widget.theme2 .toolbar .right {
	background:url(../images/right-dark.png) no-repeat top;
	width:30px;
	height:45px;
	position:absolute;
	right:0px;
	top:60px;
	z-index:100;	
	margin-right:-30px;
	cursor:pointer;
}
.vina-woo-scroller-widget .toolbar .right:hover{
	background-position:bottom;
}
.vina-woo-scroller-widget .services-preloader {
	background:url(../images/preloader.gif) no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:9999;
}
.vina-woo-scroller-widget .hover-more-sign{
	background:url('../images/more.png') no-repeat;
	width:50px;
	height:50px;	
	position:absolute;
	margin-left:-25px;
	margin-top:-25px;
	cursor:pointer;
}
div#tcvn-copyright {
    font-size: 12px;
    height: 0;
    overflow: hidden;
}
.vina-woo-scroller-widget h3.title{
    margin: 0;
    padding: 0;
    color: rgb(25, 130, 209);
    font-family: arial;
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: none;
    line-height: normal;
}
.vina-woo-scroller-widget h3 a:hover{
    color: rgb(150,88,138);
}
.vina-woo-scroller-widget h3 a{
    color: rgb(25, 130, 209);
    text-decoration: none;
}
.vina-woo-scroller-widget ul{
    list-style: none;
}
.vina-woo-scroller-widget li{
    text-align: center;
}
.vina-woo-scroller-widget p.description{
    margin: 0px;
}
.vina-woo-scroller-widget img{
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   max-width: none;
}
.vina-woo-scroller-widget img:hover{
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.vina-woo-scroller-widget .price{
    padding: 5px;
}
.vina-woo-scroller-widget .price del{
    color: #CCC;
    font-size: 13px;
    margin-right: 10px;
}
.vina-woo-scroller-widget .price span{
    color: rgb(133, 173, 116);
    font-size: 15px;
}
.vina-woo-scroller-widget span.sale{
    background: -moz-linear-gradient(center top , rgb(161, 192, 148) 0%, rgb(133, 173, 116) 100%);
    color: #FFF;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9999;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    line-height: 32px;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 12px;
    padding: 3px 6px 3px 6px;
    text-shadow: none;
    font-weight: bold;
}
.vina-woo-scroller-widget .add-to-cart{
     background: rgb(173,116,162); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkNzRhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2FkNzRhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzk2NTg4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NjU4OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(173,116,162,1) 0%, rgba(173,116,162,1) 39%, rgba(150,88,138,1) 85%, rgba(150,88,138,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,116,162,1)), color-stop(39%,rgba(173,116,162,1)), color-stop(85%,rgba(150,88,138,1)), color-stop(100%,rgba(150,88,138,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(173,116,162,1) 0%,rgba(173,116,162,1) 39%,rgba(150,88,138,1) 85%,rgba(150,88,138,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(173,116,162,1) 0%,rgba(173,116,162,1) 39%,rgba(150,88,138,1) 85%,rgba(150,88,138,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(173,116,162,1) 0%,rgba(173,116,162,1) 39%,rgba(150,88,138,1) 85%,rgba(150,88,138,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(173,116,162,1) 0%,rgba(173,116,162,1) 39%,rgba(150,88,138,1) 85%,rgba(150,88,138,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad74a2', endColorstr='#96588a',GradientType=0 ); /* IE6-8 */

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
    border: 1px #777 solid;
    line-height: 32px;
    padding: 5px;
    text-decoration: none;
    font-family: arial;
    color: #FFF;
}