/*----------------------------------------------------------------------------- 

	-	MINISLIDER -

Screen Stylesheet 

version:   	1.0 
date:      	10/06/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/


html {
	-webkit-font-smoothing: subpixel-antialiased;
}


/*-----------------------------------------
	-	Shadow Effects for the Banner -
-------------------------------------------*/
.shadow1 {	
	-webkit-box-shadow: 0px 40px 55px -20px #000;
	-moz-box-shadow: 0px 40px 55px -20px #000;
	box-shadow: 0px 40px 55px -20px #000;
}

.shadow2 {
	-webkit-box-shadow: inset 0px 0px 6px 2px #000;  
	-moz-box-shadow: inset 0px 0px 6px 2px #000;  
	box-shadow: inset 0px 0px 6px 2px #000; 
}

.shadow3 {
	-webkit-box-shadow: 30px 10px 60px -20px #000;
	-moz-box-shadow: 30px 10px 60px -20px #000;
	box-shadow: 30px 10px 60px -20px #000;	
}

.shadow4 {
	-webkit-box-shadow: 0px 0px 49px 0px #ebf5f3;
	-moz-box-shadow: 0px 0px 49px 0px #ebf5f3;
	box-shadow: 0px 0px 49px 0px #ebf5f3;
}

.shadow5 {
	-webkit-box-shadow: 30px 10px 60px -20px #1c3a65;
	-moz-box-shadow: 30px 10px 60px -20px #1c3a65;
	box-shadow: 30px 10px 60px -20px #1c3a65;
}


/*******************************
	-	CONTENT BLOCKS    -
********************************/
/*The Blocks are calculated via % values. There is a Excel sheet included in the CSS folder if you want to change this quickly*/
.full,.one_half, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-right: 0%; position:relative; float:left; text-align:left;
}
.one_half{ width:50%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}

.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}

.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}

.four_fifth {width: 79%;}
.four_sixth {width: 60%;}

.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }



/*----------------------------------------------------------------------------------------------------------------------

													-	 MINSLIDER THEMES & MORE SETTINGS -						
	
-------------------------------------------------------------------------------------------------------------------------*/




.minislider_portfolio ul >li, .minislider_pricebox ul >li, .minislider_shorty ul >li , .minislider_vintage ul >li, .minislider_blog ul >li,  .minislider_pricebox_ii ul >li {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
  list-style:none;   
  
 }
 
 /*****************************************
	- ANY CUSTOM SETTINGS HERE  -
******************************************/ 
 .minislider_portfolio .slidesholder, .minislider_pricebox .slidesholder, .minislider_shorty .slidesholder {	
	
 }
 

 .liftme {
	position:absolute;
 }
 
 




/******************************************************************************************************

							-  THE SHORTY THEME CLASS-
	
*******************************************************************************************************/

						.minislider_shorty .slide{								
							-webkit-border-radius:8px;
							-moz-border-radius: 8px;
							border-radius: 8px;														
						}
						
						/*********************************
							- THE DIFFEREN BACKGROUNDS  -
						***********************************/
										.minislider_shorty .normal_bg{background:url(../assets-shorty/shorty/pattern.png);	height:500px;}						
										.minislider_shorty .blue_bg{background:url(../assets-shorty/wine/background/blue_background.jpg);	height:500px;}
										.minislider_shorty .green_bg{background:url(../assets-shorty/wine/background/green_background.jpg);	height:500px;}
										.minislider_shorty .gold_bg{background:url(../assets-shorty/wine/background/gold_background.jpg);	height:500px;}
										.minislider_shorty .grey_bg{background:url(../assets-shorty/wine/background/grey_background.jpg);	height:500px;}
										.minislider_shorty .red_bg{background:url(../assets-shorty/wine/background/red_background.jpg);	height:500px;}
										.minislider_shorty .yellow_bg{background:url(../assets-shorty/wine/background/yellow_background.jpg);	height:500px;}
										
						
						/***************************
								- THE TAG BGS  -
						***************************/
										.minislider_shorty .green_tag{background:url(../assets-shorty/wine/icon/green_tag.png) no-repeat;}
										.minislider_shorty .red_tag{background:url(../assets-shorty/wine/icon/red_tag.png) no-repeat;}
										.minislider_shorty .gold_tag{background:url(../assets-shorty/wine/icon/gold_tag.png) no-repeat;}
										.minislider_shorty .grey_tag{background:url(../assets-shorty/wine/icon/grey_tag.png) no-repeat;}
										.minislider_shorty .yellow_tag{background:url(../assets-shorty/wine/icon/yellow_tag.png) no-repeat;}
										.minislider_shorty .blue_tag{background:url(../assets-shorty/wine/icon/blue_tag.png) no-repeat;}
						
						
						/**********************************
							- THE BIG IMAGES ver1 and 2 -
						***********************************/
						
										.minislider_shorty .shorty_img{
											overflow:visible;
											height:260px;
										}
										
										.minislider_shorty .shorty_img_2{
											overflow:visible;
											height:260px;							
										}
										
										.minislider_shorty .shorty_img_2 img{
											margin-top:20px;
										}
																

						/***************************
							- THE LEFT SIDE TITLES -
						***************************/
						
						
										.minislider_shorty .shorty_title{
											margin-top:-30px;
											font-family: 'Poly', sans-serif;
											
											font-size:36px;							
											text-align:center;						
											position:relative;
										}
										
										.minislider_shorty .shorty_title_2{							
											font-family: 'Poly', sans-serif;
											color:#fff;
											font-size:14px;							
											text-align:center;						
											position:relative;											
										}

						
						/***************************
							- THE QUOTE FUNCTION -
						***************************/
									.minislider_shorty .quote{
										position:relative;	
										
									}						
									
									.minislider_shorty blockquote p{
										font-family: 'Poly', sans-serif;
										font-size: 17px !important;    
										margin-top:20px !important;
										color:#453927 !important;    								
										line-height:20px !important;										
										text-align:center;	
										background: transparent;
										
									}

									.minislider_shorty blockquote span.open {
										position: absolute;
										/*top: 10px;
										left: -30px;*/
										margin-left:-28px;
										margin-top:10px;
										font-size: 4em;
										text-shadow: none;
									}


									.minislider_shorty blockquote span.close {
										position: absolute;
										margin-left:3px;
										margin-top:30px;
										/*bottom: -30px;
										right: -30px;*/
										font-size: 4em;
										text-shadow: none;
									}


									.minislider_shorty blockquote{
										/*padding-left:10px;
										padding-right:10px;*/										
										font-size: 18px;    
										position:relative;
										text-align:center;
									 }

						 
						 
						 /*******************************
							- SHOW MORE / HIDE BUTTONS -
						*********************************/
									 .minislider_shorty .shorty_more_style{
										
										font-family: 'Poly', sans-serif;
										/*margin-top:10px;*/
										bottom:25px;
										left:0px;
										right:0px;
										font-size:22px;
										text-align:center;							
										clear:both;
										position:absolute;
										
									}
									
									.minislider_shorty .shorty_more_style_2{
										text-align:center;
										margin-top:8px;
										
									}

									.minislider_shorty  .shorty_more_style:hover{
										
										cursor:pointer;
										color:#453927;
									}


									.minislider_shorty .shorty_hide_style{
										font-family: 'Poly', sans-serif;
										margin-top:20px;
										font-size:22px;														
										position:relative;
									}
									

									.minislider_shorty  .shorty_hide_style:hover{
										cursor:pointer;
										color:#453927;
									}
									
									.minislider_shorty .shorty_back{
										position:absolute;										
										float:right;
										margin-right:30px;
										margin-bottom:12px;
										bottom:0px;
										right:0px;										
									}


						/***************************
							- THE FULL CONTENT -
						***************************/
						
								/******************* VER 1 FULL CONTENT **********************/
									.minislider_shorty  .shorty_full_content{
										font-family: 'Poly', sans-serif;							
										font-size:14px;										
										display:none;		
										padding-left:10px;
										padding-right:10px;							
										margin-left:-20px;
									}
									
									.minislider_shorty .shorty_full_extra{
										padding:none !important;
										margin-left:0px;
									}
									
									
									
									.minislider_shorty .shorty_video{										
										margin-top:30px;
										padding-right:30px;
									}


									.minislider_shorty .shorty_title_more{
										font-family: 'Poly', sans-serif;							
										font-size:26px;		
										margin-top:45px;
									}
									

									.minislider_shorty .shorty_divider{							
										height:1px;
										width:100%;
										margin-top:20px;		
										margin-bottom:30px;							
									}

									
								/******************* VER 2 FULL CONTENT **********************/										
									.minislider_shorty .shorty_title_more_2{							
										font-family: 'Poly', sans-serif;							
										font-size:26px;		
										margin-top:28px;
										float:left;
									}
									
									.minislider_shorty .tag{
											float:right;
											margin-top:20px;
											width:60px;
											height:60px;
											font-size:12px;
											padding-top:15px;
											text-align:center;
									}
									
									
									.minislider_shorty .shorty_left_text{							
										clear:both;
										padding-top:10px;										
									}
									
									.minislider_shorty .shorty_right_text{	
									
										clear:both;
										padding-top:13px;
										padding-right:30px;										
										font-size:12px;
									}
									
									.minislider_shorty .shorty_price{
										background:url(../assets-shorty/wine/icon/shop.png) no-repeat 0px 13px;
										padding-left:50px;
										padding-top:0px;
										float:left;
										font-size:40px;
									}
									
									
									.minislider_shorty  .shorty_price_small_info{
										clear:both;
										font-size:10px;
									}
									
									.minislider_shorty .shorty_purchase{
										margin-top:11px;
										float:right;
									}

									
									.minislider_shorty .shorty_wherefrom{
										font-family: 'Poly', sans-serif;	
										position:absolute;										
										bottom:0px;
										margin-bottom:10px;										
										margin-left:24px;
										background:url(../assets-shorty/wine/icon/map.png) no-repeat 0px 0px;
										padding-top:5px;
										padding-bottom:10px;
										padding-left:50px;
										float:left;
										font-size:12px;
									}








/*****************************************
	- DIVIDER BY HOVER  ON THE SLIDES -
******************************************/ 
.fh_mini_slider .hover_divider{
	background:url(../assets-shorty/pic_separator.jpg);
	width:80%;
	height:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*****************************************
	- CONTENT BY HOVER  ON THE SLIDES -
******************************************/ 
.fh_mini_slider .hover_cont{
	font-family: 'Istok Web', sans-serif;
	padding:20px;	
	color:#fff;
	font-size:12px;
	line-height:13px;
}






/*****************************************
	- THE CONTROLLER OF THE SLIDES -
******************************************/ 

.controller{ 
  position:absolute;
  cursor:pointer;
  z-index:200;   
}



/*****************************************
	- The SHORTY ToolBox -
*****************************************/
.toolbox-shorty{
  position:absolute;
  background-color:#ff0000;
  top:120px;
  margin-left:-15px;
  width:100%;
  height:0px;
 }

.toolbox-shorty .leftbutton{
  background:url(../assets-shorty/navigation/nextprev_shorty.png) no-repeat right bottom;
  width:47px;
  height:86px;          
  position:absolute;
  right:0px;  
}

.toolbox-shorty .rightbutton{
  position:relative;
  background:url(../assets-shorty/navigation/nextprev_shorty.png) no-repeat left bottom;
  width:47px;
  height:86px;      
 
}



/*****************************************
	- The SHORTY 2 ToolBox -
*****************************************/
.toolbox-shorty_2{
  position:absolute;
  background-color:#ff0000;
  top:120px;
  margin-left:-15px;
  width:100%;
  height:0px;
}

.toolbox-shorty_2 .leftbutton{
  background:url(../assets-shorty/navigation/nextprev_wine.png) no-repeat right bottom;
  width:35px;
  height:106px;          
  position:absolute;
  right:0px; 
  margin-right:-1px;
}

.toolbox-shorty_2 .rightbutton{
  position:absolute;
  background:url(../assets-shorty/navigation/nextprev_wine.png) no-repeat left bottom;
  width:35px;
  height:106px;       
}




/******************************************
	- LEFT / RIGHT BUTTON ANIMATION - 
******************************************/


.leftbutton:hover{
  background-position:right top;
}


.rightbutton:hover{
  background-position:left top;
}




/*******************************************
	- BUTTONS LIKE READ ME / SHOW ME - 
*******************************************/

.button {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	text-decoration:none;
	}

a.button { 
	background-color:#333; 
	text-decoration:none;
}

.button, 
.button span { display: inline-block; }
.button	{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	font-family: 'Istok Web', sans-serif;
	overflow: visible; 
	line-height:1em;
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	outline: none;
	white-space: nowrap;
	cursor: pointer;

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
-moz-user-select: none;
-webkit-user-select:none;
-khtml-user-select: none;
user-select: none;
	}

button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ }

button.button  { margin:0; padding:0px; }
.button.full, 
.button.full span { display: block; }
.button:hover, 
button.button:hover, 
.button.hover 		{
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(255, 255, 255, .2) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(255, 255, 255, .2))
			);		
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
			}

button.button:active,
.button:active, 
.button.active  {
			top:1px;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(0, 0, 0, .1) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(0, 0, 0, .1))
			);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
		}


.button span	{
	position: relative;
	padding:0.6em 1.3em;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	line-height:1em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
	white-space: nowrap;
	color:#fff;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:10px; text-transform:uppercase; }
.button.medium span { font-family:"Oswald", Arial, Verdana, sans-serif; font-size:14px; text-transform:uppercase; }
.button.large span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:20px; text-transform:uppercase; }

a.button:hover 		{ background-color:#444; text-decoration:none;}
button.button:hover { background-color:#444; text-decoration:none;}





/*******************************
   - ALL PREDEFINED COLORS  -
********************************/  

.gray,p.dropcap_gray:first-letter         
{ color: #a3a8ab; } 

.lightgray, p.dropcap_lightgray:first-letter	  								
{ color: #93979a;}

.red, p.dropcap_red:first-letter          
{ color: #ED7486 !important; } 

.yellow, p.dropcap_yellow:first-letter      
{ color: #F6D078 ;} 

.blue, p.dropcap_blue:first-letter		  
{ color: #74C5ED;} 

.green, p.dropcap_green:first-letter        
{ color: #93ce41; } 

.darkgreen, p.dropcap_green:first-letter        
{ color: #6b8a16; } 

.gold, p.dropcap_gold:first-letter         
{ color: #AEA87E; } 

.white, p.dropcap_white:first-letter         
{ color: #fff; } 

.darkwhite, p.dropcap_white:first-letter         
{ color: #b8b8b8; } 

.vintage, p.dropcap_white:first-letter         
{ color: #f9eee1; } 

.brown, p.dropcap_white:first-letter         
{ color:#453927; } 


/****************************************
	- ALL PREDEFINED BACKGROUNDCOLORS -
******************************************/
.back_gray      { background-color: #a3a8ab; } 
.back_lightgray	{ background-color: #93979a; }
.back_red       { background-color: #ED7486;} 
.back_yellow    { background-color: #F6D078 ; } 
.back_blue      { background-color: #74C5ED; } 
.back_green     { background-color: #93ce41; } 
.back_darkgreen     { background-color: #6b8a16; } 
.back_gold      { background-color: #AEA87E; } 
.back_white     { background-color: #fff; } 



/****************************************
	- ALL PREDEFINED BUTTON COLORS -
******************************************/

.button.gray         { background-color: #a3a8ab; } 
.button.gray:hover   { background-color: #a3a8ab; }
 
.button.red          { background-color: #ED7486; } 
.button.red:hover    { background-color: #ED7486; }

.button.yellow       { background-color: #F6D078 ; } 
.button.yellow:hover { background-color: #F6D078 ; }

.button.blue         { background-color: #74C5ED;} 
.button.blue:hover   { background-color: #74C5ED; }

.button.green        { background-color: #93ce41; } 
.button.green:hover  { background-color: #93ce41; }

.button.gold        { background-color: #AEA87E; } 
.button.gold:hover  { background-color: #AEA87E; }