/*
@@@@@@@@@@@@@@@@@@@@@@
MEDIA
@@@@@@@@@@@@@@@@@@@@@@

	about				media related hub compontents
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	mediaSlider
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		
		/*+ slider
		..........................................................................*/
		
			.mediaSlider{position:relative; width:477px;  position:absolute; top:37px; left:0px;}
			.mediaSlider p{position:absolute; z-index:100;  color:white; background-color:rgba(0,40,58,0.9); bottom:0px; left:0px; right:0px; margin:0px 0px 0px 0px; padding:10px 10px; text-align:center;  -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;  border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;  }
			.mediaSlider p img{display:inline-block; }
		
			.mediaSlider .slider{}
			.mediaSlider .slider li{overflow:hidden; width:477px;  position:relative;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			.mediaSlider .slider li img{display:block; }
		
		/*+ nav
		..........................................................................*/
			
			.mediaSlider .nav{position:absolute; top:10px; right:10px; z-index:100; }
			.mediaSlider .nav a{display:inline-block; width:5px; height:5px; margin:0px 3px;  background-color:#c0c0c0; text-indent:-4000px; overflow:hidden; border:4px solid #fff; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;  }
			.mediaSlider .nav a.activeSlide{background-color:#2d2d2d; }

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	components
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		
		/*+ mediaBox
		..........................................................................*/
		
			.mediaBox{width:236px; height:233px; display:inline-block; position:relative; overflow:hidden;  background: #ffffff;background: -moz-linear-gradient(top, #ffffff 54%, #f0f0f0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#ffffff), color-stop(100%,#f0f0f0));background: -webkit-linear-gradient(top, #ffffff 54%,#f0f0f0 100%);background: -o-linear-gradient(top, #ffffff 54%,#f0f0f0 100%);background: -ms-linear-gradient(top, #ffffff 54%,#f0f0f0 100%);background: linear-gradient(to bottom, #ffffff 54%,#f0f0f0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );}
			.mediaBox .icoMediaBox-png{position:absolute; top:0px; left:0px; z-index:100; }
			
			.mediaBox > div{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-position:center center;}
			
			.mediaBox .tag{display:block; position:absolute; bottom:-8px; right:-8px; text-align:center; width:100px; height:100px; -moz-box-shadow:inset 1px 1px 2px rgba(50,129,186,1); -webkit-box-shadow:inset 1px 1px 2px rgba(50,129,186,1); box-shadow:inset 1px 1px 2px rgba(50,129,186,1); border-radius: 500px; -moz-border-radius: 500px; -webkit-border-radius: 500px; color:white; background: #1d4b77;background: -moz-linear-gradient(top, #1d4b77 0%, #0c2640 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4b77), color-stop(100%,#0c2640));background: -webkit-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: -o-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: -ms-linear-gradient(top, #1d4b77 0%,#0c2640 100%);background: linear-gradient(to bottom, #1d4b77 0%,#0c2640 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4b77', endColorstr='#0c2640',GradientType=0 );}
			.mediaBox .contains{padding:20px 0px 0px 0px; font-size:24px; display:block; }
			.mediaBox .type{font-size:18px; padding:0px 10px 5px 10px; background-color:#09192f;  display:inline-block; margin:0px 0px 0px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			
			.mediaBoxList{margin:0px -20px 0px 0px; overflow:hidden; }
			.mediaBoxList li{float:left; margin:0px 5px 1px 0px; }
			
			.mediaBox .stockLot{color:white; }
			.mediaBox .stockLot p{text-align:center; line-height:1.2; font-size:36px; padding:30px 0px 20px 0px; }
			.mediaBox .stockLot p strong{}
			.mediaBox .stockLot .buy{font-size:30px; display:block; padding:10px 0px 0px 20px; }

			/*variations*/
			.mediaBox.medium{width:111px; height:111px; }
			.mediaBox.medium .icoMediaBoxMedium-png{position:absolute; top:0px; left:0px; z-index:100; }

			/*update 20/09*/
			.mediaBox .type.single{position:relative; top:30px; padding:5px 10px 5px 10px;}

			.mediaBox .cornerText{position:absolute; top:20px; right:-40px; font-size:14px; width:165px; height:35px; line-height:35px; text-align:center; color:white; background-color:#ff9a07; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -moz-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3); box-shadow:inset 0px 0px 3px rgba(0,0,0,0.3);}
			.mediaBox .cornerText.alert{background: rgb(232,34,16);background: -moz-linear-gradient(left, rgba(232,34,16,1) 0%, rgba(154,4,0,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,34,16,1)), color-stop(100%,rgba(154,4,0,1)));background: -webkit-linear-gradient(left, rgba(232,34,16,1) 0%,rgba(154,4,0,1) 100%);background: -o-linear-gradient(left, rgba(232,34,16,1) 0%,rgba(154,4,0,1) 100%);background: -ms-linear-gradient(left, rgba(232,34,16,1) 0%,rgba(154,4,0,1) 100%);background: linear-gradient(to right, rgba(232,34,16,1) 0%,rgba(154,4,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82210', endColorstr='#9a0400',GradientType=1 );}