/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Shopreview
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2013 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */

/* BIG BLOCK:: WRAPPER & BLOCKS */

#shopreview-wrapper {
	width: 100%;
	border: 1px solid #D8D8D8;
	height: 229px;
	border-radius: 16px;
}

.sr-block {
	width: 33%;
	height:100%;
	float:left;
}

.sr-block h2 {
	background: transparent;
	font-size: 16px;
	margin: 0;
	padding-top: 19px;	
}

/* BIG BLOCK:: REVIEWS BLOCK (1st Block) */

.sr-slider-top {
	padding:0 15px;
	height:50px;
}

.sr-slider-top h2 {
	float:left;
}

.sr-slider-control {
	float:right;
	width:52px;
	height:16px;
	margin-top:21px;
	font-size:11px;
}

.sr-slider-control span {
	display:block;
	width:20px;
	height:14px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.sr-slider-control span.left {
	float:left;
}

.sr-slider-control span.right {
	float:right
}

.sr-slider-content {
	margin: 0px 14px 3px 5px;
}

.sr-slider-item {
	font-size: 14px;
	padding:0 10px;
	display:none;
}

.sr-slider-item blockquote {    
    margin: 10px 0;
	
    height: 120px !important;
	overflow: hidden;
	font-size: 13px;
	padding: 0 !important;
}

.sr-slider-item .slider-bottom {
	margin-bottom: 5px;
	font-size: 12px;
	height: 32px; 	
}


/* BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */

.sr-shopscore {
	width:100%;
	height:100%;
	border-left: 1px solid #EEE;
}

.sr-shopscore-holder {
	margin-top: 15px;
	width:110px;
	height:110px;
	border-radius:50%;
	box-shadow: 0 0 5px rgb(190, 190, 190);
	text-align:center;
	margin-bottom: 10px;
}

.sr-shopscore-holder .score1 {
    color: #575757;
    font-size: 34px;
    line-height: 107px;
    margin-left: 9px;
    margin-right: -2px;
}

.sr-shopscore-holder .score2 {
	font-size:10px;
}

.sr-shopscore-holder p {
	color: #575757;
	font-size: 12px;
}

/* BIG BLOCK:: REVIEWS BLOCK (3rd Block) */

.sr-productreviews {
    font-size: 12px;
	padding: 0 20px;
	
    height: 228px;
	overflow: hidden;
	
    border-left: 1px solid #EEE;
}

.sr-productreviews p {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}


/* MOBILE BIG BLOCK:: WRAPPER & BLOCKS */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
#shopreview-wrapper {
	width: 100%;
	border: 1px solid #D8D8D8;
	height: 230px;
}

.sr-block {
	width: 50%;
	height:100%;
	float:left;
}

.sr-block h2 {
	background: transparent;
	font-size:16px;
	margin: 0;
	padding-top:20px;	
}
}

/* MOBILE BIG BLOCK:: REVIEWS BLOCK (1st Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-slider-top {
	padding:0 15px;
	height:50px;
}

.sr-slider-top h2 {
	float:left;
}

.sr-slider-control {
	float:right;
	width: 42px;
	height: 16px;
	margin-top: 15px;
	font-size:11px;
}

.sr-slider-control span {
	display:block;
	width:20px;
	height:14px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.sr-slider-control span.left {
	float:left;
}

.sr-slider-control span.right {
	float:right
}

.sr-slider-content {
	margin: 0px 15px 3px 5px;
}

.sr-slider-item {
	font-size: 14px;
	padding:0 10px;
	display:none;
}

.sr-slider-item blockquote {    
    margin: 20px 0;
	
    height: 96px !important;
	overflow: hidden;
	font-size: 13px;
	padding: 0 !important;
}

.sr-slider-item .slider-bottom {
	margin-bottom: 5px;
	font-size: 12px;
	height: 30px; 	
}
}

/* MOBILE BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-shopscore {
	width:100%;
	height:100%;
}

.sr-shopscore-holder {
	margin-top: 15px;
	width:110px;
	height:110px;
	border-radius:50%;
	box-shadow: 0 0 5px grey;
	text-align:center;
	margin-bottom: 10px;
}

.sr-shopscore-holder .score1 {
    color: #575757;
    font-size: 34px;
    line-height: 107px;
    margin-left: 9px;
    margin-right: -2px;
}

.sr-shopscore-holder .score2 {
	font-size:10px;
}

.sr-shopscore-holder p {
	color: #575757;
	font-size: 12px;
}
}
/* MOBILE BIG BLOCK:: REVIEWS BLOCK (3rd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 680px) {
.sr-productreviews {
    font-size: 12px;
	padding: 0 20px;
	height:210px;
	background:url('./images/vertical-bar.png') no-repeat;
	visibility:hidden;
}

.sr-productreviews p {
	margin: 0;
	line-height: 15px;
	margin-bottom: 10px;
}

}

/* SMALL BLOCK:: */

.shopreview-small {
	width: 100%; 
}	

.shopreview-small .rating-box {
	float: left;
	margin-right: 7px;
	margin-top: 2px;
}

/** RATINGS **/
.rating-empty, .rating-star-1, .rating-star-2, .rating-star-3, .rating-star-4, .rating-star-5 {
	background: url('./images/star.png') 0 0; 
	margin-right: 5px; 
	height: 16px;
	float: left; 
	width: 80px;
}

.rating-star-1 { 
	 width: 16px; 
}

.rating-star-2 { 
	width: 32px; 
}

.rating-star-3 { 
	 width: 48px; 
}

.rating-star-4 { 
	width: 64px;
}

.rating-star-5 { 
	width: 80px;
}

.rating-empty { 
	float: right; 
	width: 80px; 
	background: url('./images/star.png') 0 -16px;  
}