﻿/*///////////////////////////////////////////////////////////////////////////////
/* Flexible - Virtuemart Product Carousel (for VM2) 
/* Version 1.0
/* Author Flexible Web Design Team
/* Copyright (C) 2012 ‐ flexiblewebdesign.com
/* License GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html GNU/GPL
////////////////////////////////////////////////////////////////////////////////*/

@import url(https://fonts.googleapis.com/css?family=Oswald:700,400,300);

.FlexibleCarouselBadge {
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	height:1px;
}
.FlexibleCarouselNew {
	background: url(../images/FlexibleBadge.png) no-repeat bottom right;
	height:45px;
	width:47px;
	display:block;
}
.FlexibleCarouselDiscount {
	background: url(../images/FlexibleBadge.png) top right no-repeat;
	height:45px;
	width:47px;
	display:block;
}
div.FlexibleCarouselProductDetails {
	text-align:center;
	display:block;
}
div#FlexibleCarouselProductDetails a.FlexibleCarouselProductDetails {
	-webkit-transition: all 250ms ease-in 0ms; /* property duration timing-function delay */
    -moz-transition: all 250ms ease-in 0ms;
    -o-transition: all 250ms ease-in 0ms;
    transition: all 250ms ease-in 0ms;
    background: url("../images/button-texture.png") repeat scroll 0 0 #777777;
	box-shadow: 0 8px 5px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 8px 5px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow:0 8px 5px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #777777;
    padding: 5px 25px;
    text-align: center;
	width:120px;
	letter-spacing:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    color: #FFFFFF;
    font: italic 400 12px Trebuchet MS,Tahoma,sans-serif;
    margin: 0;
    padding: 3px 0 3px;
    text-align: center;
    text-indent: 0;
    text-shadow: 1px 1px 0 #5d5d5d;
	 cursor: pointer;
}
div#FlexibleCarouselProductDetails a.FlexibleCarouselProductDetails:hover {
	 background-color: #494949;
	 color:#FFFFFF;
}
div#FlexibleCarouselProductDetails a.FlexibleCarouselProductDetails:active {
	background-color: #000000;
	 color:#FFFFFF;
}
div#FlexibleCarouselProductDetails a.FlexibleCarouselProductDetails {margin-top:4px; background-color:#929292; display:block;}


/*Horizontal Orientation WHITE CSS*/
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal
{
	margin: 3px;
	padding: 10px 32px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
background:#FFFFFF;

	position: relative; /*overflow: hidden;*/
	 
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-back,#FlexibleCarouselHorizontal  .FlexibleCarousel-horizontal-forward
{
	 
	width: 18px;
	height: 116px;
	background-color: #121212;
	position: absolute;
	top: 50%;
	margin-top:-58px;
	cursor: pointer;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-back
{
	background: url(../images/navigation.png) top left no-repeat;
	left:0px;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-back:hover
{
	background: url(../images/navigation.png) 0px -116px no-repeat;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-back:active
{
	background: url(../images/navigation.png) 0px -232px no-repeat;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-forward
{
	background: url(../images/navigation.png) top right no-repeat;
	right:0px;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-forward:hover
{
	background: url(../images/navigation.png) -18px -116px no-repeat;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-horizontal-forward:active
{
	background: url(../images/navigation.png) -18px -232px no-repeat;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-contents-horizontal
{
	 
	 width:100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#FlexibleCarouselHorizontal .FlexibleCarousel-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarousel-contents-horizontal > div > div
{
	float: left;
	position:relative;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarousel-contents-horizontal > div > div:hover
{
	 
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

	 
}

#FlexibleCarouselHorizontal .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	 
}
#FlexibleCarouselHorizontal .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Horizontal Orientation WHITE CSS Ends*/
/*Horizontal Orientation WHITE CSS*/
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal
{
	margin: 3px;
	padding: 10px 32px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px  #999999 inset;
-moz-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
background: url(../images/dark-texture.png) repeat;
background-color:#333;

	position: relative; /*overflow: hidden;*/
	 border: 1px solid #333;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-back,#FlexibleCarouselHorizontalDark  .FlexibleCarousel-horizontal-forward
{
	 
	width: 20px;
	height: 131px;
	background-color: #121212;
	position: absolute;
	top: 50%;
	margin-top:-65px;
	cursor: pointer;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-back
{
	background: url(../images/navigation_dark.png) top left no-repeat;
	left:0px;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-back:hover
{
	background: url(../images/navigation_dark.png) 0px -131px no-repeat;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-back:active
{
	background: url(../images/navigation_dark.png) 0px -262px no-repeat;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-forward
{
	background: url(../images/navigation_dark.png) top right no-repeat;
	right:0px;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-forward:hover
{
	background: url(../images/navigation_dark.png) -20px -131px no-repeat;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-horizontal-forward:active
{
	background: url(../images/navigation_dark.png) -20px -262px no-repeat;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-contents-horizontal
{
	 
	 width:100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-contents-horizontal > div > div
{
	float: left;
	position:relative;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarousel-contents-horizontal > div > div:hover
{
	 
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

	 
}

#FlexibleCarouselHorizontalDark .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarouselTitle a {
	color:#777777;
}
#FlexibleCarouselHorizontalDark .FlexibleCarouselTitle a:hover {
	color:#CCC;
}

#FlexibleCarouselHorizontalDark .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	color:#595959;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#CCC;
	 
}
#FlexibleCarouselHorizontalDark .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Horizontal Orientation WHITE CSS Ends*/





/*Horizontal Orientation BASIC CSS*/
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal
{
	margin: 3px;
	padding: 10px 32px;
	position: relative; /*overflow: hidden;*/
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal-back,#FlexibleCarouselHorizontalBasic  .FlexibleCarousel-horizontal-forward
{
	 
	width: 18px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top:-10px;
	cursor: pointer;
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal-back
{
	background: url(../images/navigation_basic.png) 0px 0px no-repeat;
	left:0px;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal-back:hover
{
	background: url(../images/navigation_basic.png) 0px -20px no-repeat;
}
 
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal-forward
{
	background: url(../images/navigation_basic.png) 0px -40px no-repeat;
	right:0px;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-horizontal-forward:hover
{
	background: url(../images/navigation_basic.png) 0px -60px no-repeat;
}
 
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-contents-horizontal
{
	 
	 width:100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-contents-horizontal > div > div
{
	float: left;
	position:relative;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarousel-contents-horizontal > div > div:hover
{
	 

	 
}

#FlexibleCarouselHorizontalBasic .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	 
}
#FlexibleCarouselHorizontalBasic .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Horizontal Orientation BASIC CSS Ends*/






/*Vertical Orientation DARK CSS*/
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical
{
	margin: 3px;
	padding: 10px 32px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px  #999999 inset;
-moz-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
background: url(../images/dark-texture.png) repeat;
background-color:#333;

	position: relative; /*overflow: hidden;*/
	 border: 1px solid #333;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-back,#FlexibleCarouselVerticalDark  .FlexibleCarousel-vertical-forward
{
	 
	width: 131px;
	height: 20px;
	background-color: #121212;
	position:absolute;
	cursor: pointer;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-back
{
	background: url(../images/navigation_dark_vertical.png) top left no-repeat;
	left:50%;
	margin-left:-65px;
	top:0px;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-back:hover
{
	background: url(../images/navigation_dark_vertical.png) -131px 0px no-repeat;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-back:active
{
	background: url(../images/navigation_dark_vertical.png) -262px 0px no-repeat;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-forward
{
	background: url(../images/navigation_dark_vertical.png) bottom left no-repeat;
	left:50%;
	margin-left:-65px;
	bottom:0px;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-forward:hover
{
	background: url(../images/navigation_dark_vertical.png) -131px -20px no-repeat;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-vertical-forward:active
{
	background: url(../images/navigation_dark_vertical.png) -262px -20px no-repeat;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-contents-vertical
{
	 
	 width:100%;
	 
	position: relative;
	overflow: hidden;
	display:block;
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-contents-vertical > div
{
	position: absolute;
	width: 100%;
	height:100%;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-contents-vertical > div > div
{
	 
	position:relative;
	border-bottom:1px solid #777777;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarousel-contents-vertical > div > div:hover
{
	 
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

	 
}

#FlexibleCarouselVerticalDark .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;	 
}
#FlexibleCarouselVerticalDark .FlexibleCarouselTitle a {
	color:#777777;
}
#FlexibleCarouselVerticalDark .FlexibleCarouselTitle a:hover {
	color:#CCC;
}

#FlexibleCarouselVerticalDark .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	color:#595959;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#CCC;
	 
}
#FlexibleCarouselVerticalDark .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Vertical Orientation DARK CSS Ends*/



/*Vertical Orientation LIGHT CSS*/
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical
{
	margin: 3px;
	padding: 10px 32px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px  #999999 inset;
-moz-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
 

	position: relative; /*overflow: hidden;*/
	 border: 1px solid #fff;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back,#FlexibleCarouselVerticalLight  .FlexibleCarousel-vertical-forward
{
	 
	width: 116px;
	height: 18px;
	background-color: #121212;
	position:absolute;
	cursor: pointer;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back
{
	background: url(../images/navigation_vertical.png) top left no-repeat;
	left:50%;
	margin-left:-58px;
	top:0px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back:hover
{
	background: url(../images/navigation_vertical.png) -116px 0px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back:active
{
	background: url(../images/navigation_vertical.png) -232px 0px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward
{
	background: url(../images/navigation_vertical.png) bottom left no-repeat;
	left:50%;
	margin-left:-58px;
	bottom:0px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward:hover
{
	background: url(../images/navigation_vertical.png) -116px -18px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward:active
{
	background: url(../images/navigation_vertical.png) -232px -18px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical
{
	 
	 width:100%;
	 
	position: relative;
	overflow: hidden;
	display:block;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div
{
	position: absolute;
	width: 100%;
	height:100%;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div > div
{
	 
	position:relative;
	border-bottom:1px solid #CCC;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div > div:hover
{
	 
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

	 
}

#FlexibleCarouselVerticalLight .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;	 
}
 

#FlexibleCarouselVerticalLight .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	color:#595959;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	 
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Vertical Orientation WHITE CSS Ends*/

/*Vertical Orientation LIGHT CSS*/
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical
{
	margin: 3px;
	padding: 10px 32px;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px  #999999 inset;
-moz-box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
box-shadow: 0 0px 2px #CCCCCC, 0 0 20px #999999 inset;
 

	position: relative; /*overflow: hidden;*/
	 border: 1px solid #fff;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back,#FlexibleCarouselVerticalLight  .FlexibleCarousel-vertical-forward
{
	 
	width: 116px;
	height: 18px;
	background-color: #121212;
	position:absolute;
	cursor: pointer;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back
{
	background: url(../images/navigation_vertical.png) top left no-repeat;
	left:50%;
	margin-left:-58px;
	top:0px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back:hover
{
	background: url(../images/navigation_vertical.png) -116px 0px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-back:active
{
	background: url(../images/navigation_vertical.png) -232px 0px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward
{
	background: url(../images/navigation_vertical.png) bottom left no-repeat;
	left:50%;
	margin-left:-58px;
	bottom:0px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward:hover
{
	background: url(../images/navigation_vertical.png) -116px -18px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-vertical-forward:active
{
	background: url(../images/navigation_vertical.png) -232px -18px no-repeat;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical
{
	 
	 width:100%;
	 
	position: relative;
	overflow: hidden;
	display:block;
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div
{
	position: absolute;
	width: 100%;
	height:100%;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div > div
{
	 
	position:relative;
	border-bottom:1px solid #CCC;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarousel-contents-vertical > div > div:hover
{
	 
	-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

	 
}

#FlexibleCarouselVerticalLight .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;	 
}
 

#FlexibleCarouselVerticalLight .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	color:#595959;
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	 
	 
}
#FlexibleCarouselVerticalLight .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Vertical Orientation LIGHT CSS Ends*/


/*Vertical Orientation BASIC CSS*/
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical
{
	margin: 3px;
	padding: 10px 32px;
	border:none;

	position: relative; /*overflow: hidden;*/
	 
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical-back,#FlexibleCarouselVerticalBasic  .FlexibleCarousel-vertical-forward
{
	 
	width: 20px;
	height: 18px;
	background-color: #121212;
	position:absolute;
	cursor: pointer;
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical-back
{
	background: url(../images/navigation_basic_vertical.png) -60px 0px no-repeat;
	left:50%;
	margin-left:-10px;
	top:0px;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical-back:hover
{
	background: url(../images/navigation_basic_vertical.png) -40px 0px no-repeat;
}
 
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical-forward
{
	background: url(../images/navigation_basic_vertical.png) -20px 0px no-repeat;
	left:50%;
	margin-left:-10px;
	bottom:0px;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-vertical-forward:hover
{
	background: url(../images/navigation_basic_vertical.png) 0px 0px no-repeat;
}
 
#FlexibleCarouselVerticalBasic .FlexibleCarousel-contents-vertical
{
	 
	 width:100%;
	 
	position: relative;
	overflow: hidden;
	display:block;
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-contents-vertical > div
{
	position: absolute;
	width: 100%;
	height:100%;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-contents-vertical > div > div
{
	 
	position:relative;
	border-bottom:1px solid #CCC;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarousel-contents-vertical > div > div:hover
{
	 
	 

	 
}

#FlexibleCarouselVerticalBasic .FlexibleCarouselPicture {
	text-align:center;
	padding:10px;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarouselTitle {
	text-align:center;
	padding:0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;	 
}
 

#FlexibleCarouselVerticalBasic .FlexibleCarouselDescription {
	text-align:center;
	padding:0 10px;
	color:#595959;
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarouselPrice {
	text-align:center;
	padding:0 10px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	 
	 
}
#FlexibleCarouselVerticalBasic .FlexibleCarouselDiscountPrice {
	text-align:center;
	padding:0 10px;
	color:#FF0000;
	font-size:10px;
	 
}


/*Vertical Orientation WHITE CSS Ends*/
 
/*Vertical Orientation CSS Ends*/

/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
