/*****************************************************************/
	/* Base																			  */
	/*****************************************************************/
	
	ul.vt
	{
		width:570px;
		padding:10px;
		
		color:#444444;
		font:13px Arial;
		background:#FFFFFF;
		
		clear:both;
		height:100%;
		overflow:hidden;

		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
		box-shadow:3px 3px 3px rgba(0,0,0,0.08);
		-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.08);
		-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.08);
		
		line-height:1;
	}

	/* List */
	ul.vt,
	ul.vt ul.vt-features
	{
		margin:0px;
		list-style-type:none;
	}
	
	/* Headers */
	ul.vt h1,
	ul.vt h3
	{
		margin:0px;
		padding:0px;
	}
	
	/* Left table header */
	ul.vt div.vt-header
	{
		float:left;
		width:140px;
		color:#FFFFFF;
	}
	
	/* Left column text color */
	ul.vt div.vt-header,
	ul.vt li.vt-line-header
	{
		color:#FFFFFF;
	}
	
	/* Right column */
	ul.vt div.vt-content
	{
		float:right;
	} 
	
	/* Grey line background */
	ul.vt li.vt-line-grey
	{
		background:#F5F5F5;
	}
	
	/* Overflow fix */
	ul.vt li.vt-line,
	ul.vt li.vt-line-header,
	ul.vt li.vt-line div.vt-content ul.vt-features
	{
		height:100%;
		overflow:hidden;
	}

	/* Padding for left column */
	ul.vt li.vt-line-header div.vt-header,
	ul.vt li.vt-line div.vt-header
	{
		padding-left:20px;
	}	
	
	/* Fonts */
	ul.vt li.vt-line-header div.vt-header h3,
	ul.vt li.vt-line-header div.vt-content h3,
	ul.vt li.vt-line div.vt-header h1
	{
		font-weight:normal;
		font-family:'PT Sans Narrow',Sans-serif;
	}
	
	/* IE7 fix */
	ul.vt li.vt-line,
	ul.vt li.vt-line-header,
	{
		#float:left;
		#width:100%;
		#display:block;
	}
	
	/*****************************************************************/
	/* Header line							  										  */
	/*****************************************************************/
	
	ul.vt li.vt-line-header
	{
		font-size:18px;
		border-radius:5px 5px 0px 0px;
		-moz-border-radius:5px 5px 0px 0px;
		-webkit-border-radius:5px 5px 0px 0px;
	}
		
		ul.vt li.vt-line-header div.vt-header,
		ul.vt li.vt-line-header div.vt-content
		{
			padding-top:10px;
			padding-bottom:10px;
			border-bottom:solid 1px;
		}
			
		/**************************************************************/
		/* Header line / Left colum					  						  */
		/**************************************************************/
		
		ul.vt li.vt-line-header div.vt-header
		{
			border-bottom-color:#3C3C3C;
		
			background:#3C3C3C;
			background:linear-gradient(top,#3C3C3C 0%,#1D1D1D 100%);	
			background:-o-linear-gradient(top,#3C3C3C 0%,#1D1D1D 100%);
			background:-ms-linear-gradient(top,#3C3C3C 0%,#1D1D1D 100%); 
			background:-moz-linear-gradient(top,#3C3C3C 0%,#1D1D1D 100%); 
			background:-webkit-linear-gradient(top,#3C3C3C 0%,#1D1D1D 100%);
			background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3C3C3C),color-stop(100%,#1D1D1D)); 
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C3C3C',endColorstr='#1D1D1D',GradientType=0);			
		}
			
		/**************************************************************/
		/* Header line / Right colum	 										  */
		/**************************************************************/
			
		ul.vt li.vt-line-header div.vt-content
		{
			width:330px;
			color:#000000;
			padding-left:80px;
			border-bottom-color:#DFDFDF;
			
			background:#F5F5F5;
			background:linear-gradient(top,#F5F5F5 0%,#ECECEC 100%);
			background:-o-linear-gradient(top,#F5F5F5 0%,#ECECEC 100%); 
			background:-ms-linear-gradient(top,#F5F5F5 0%,#ECECEC 100%);
			background:-moz-linear-gradient(top,#F5F5F5 0%,#ECECEC 100%); 
			background:-webkit-linear-gradient(top,#F5F5F5 0%,#ECECEC 100%);
			background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#ECECEC));
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5',endColorstr='#ECECEC',GradientType=0); 
		}
			
	/*****************************************************************/
	/* Line								  											  */
	/*****************************************************************/
			
	ul.vt li.vt-line
	{
		clear:both;
	}
	
		ul.vt li.vt-line:hover
		{
			outline:solid 2px;
		}
	
		/**************************************************************/
		/* Line / Header (left coulmn)					  					  */
		/**************************************************************/
		
		ul.vt li.vt-line div.vt-header
		{
		  	padding-top:10px;
			padding-bottom:15px;
		}
			
			/* Plan name */
			ul.vt li.vt-line div.vt-header h1
			{
				font-size:30px;
				margin-bottom:5px;
			}
			
			/* Price + preiod font */
			ul.vt li.vt-line div.vt-header h3,
			ul.vt li.vt-line div.vt-header span
			{
				font-family:'Open Sans Condensed',Sans-serif;
			}
			
			/* Price */
			ul.vt li.vt-line div.vt-header h3
			{
				clear:both;
				display:inline;
				font-size:36px;
				font-weight:normal;
			}
			
			/* Period */
			ul.vt li.vt-line div.vt-header span
			{
				font-size:14px;
			}
		
		/* Arrow */
		ul.vt li.vt-line div.vt-header-arrow
		{
        	width:0px;	
      	height:0px;
			float:left;
      	border-top:solid 48px transparent;
      	border-left:solid 48px transparent;
			border-bottom:solid 48px transparent;
		}
			
		/**************************************************************/
		/* Content (Righ column: features + button) 						  */
		/**************************************************************/
			
		ul.vt li.vt-line div.vt-content
		{
			width:320px;
			padding:19px 10px 5px 0px;
		}	
			
			/********************************************************/
			/* Features 														  */
			/********************************************************/	
		
			/* List */
			ul.vt li.vt-line div.vt-content ul.vt-features
			{
				float:left;
				width:340px;
				padding:0px;
			}	
				
				/* List element */
				ul.vt li.vt-line div.vt-content ul.vt-features li
				{
					width:130px;
					padding-left:20px;
					padding-bottom:10px;
					background-position:0px 0px;
					background-repeat:no-repeat;
					background-image:url('../image/tick.png');
				}	
					
				/* List element - left */
				ul.vt li.vt-line div.vt-content ul.vt-features li.vt-feature-left
				{
					float:left;
				}
				
				/* List element - right */
				ul.vt li.vt-line div.vt-content ul.vt-features li.vt-feature-right
				{
					float:right;
				}					
				
			/********************************************************/
			/* Button	 														  */
			/********************************************************/		
				
			ul.vt li.vt-line div.vt-content a.vt-button
			{
				color:#444444;
				font:bold 13px Arial;
				text-decoration:none;	
				text-shadow:0px 1px 0px #FFFFFF;				
				
				float:right;
				display:block;
				margin-top:10px;
				padding:10px 20px 10px 20px;
				
				border:solid 1px #B6B6B6;
					
				box-shadow:0px 1px 0px rgba(0,0,0,0.02);
				-moz-box-shadow:0px 1px 0px rgba(0,0,0,0.02);
				-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.02);

				background:#FFFFFF; 
				background:linear-gradient(top,#FFFFFF 1%,#F6F6F6 1%,#EBEBEB 100%);
				background:-o-linear-gradient(top,#FFFFFF 1%,#F6F6F6 1%,#EBEBEB 100%);
				background:-ms-linear-gradient(top,#FFFFFF 1%,#F6F6F6 1%,#EBEBEB 100%);
				background:-moz-linear-gradient(top,#FFFFFF 1%,#F6F6F6 1%,#EBEBEB 100%);
				background:-webkit-linear-gradient(top,#FFFFFF 1%,#F6F6F6 1%,#EBEBEB 100%);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EBEBEB',GradientType=0);
				background:-webkit-gradient(linear,left top,left bottom, color-stop(1%,#FFFFFF),color-stop(1%,#F6F6F6),color-stop(100%,#EBEBEB));
					
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
					
	/*****************************************************************/
	/* Animation		 															  */
	/*****************************************************************/

	/* Line, header, header arrow, content */
	ul.vt li.vt-line:hover div.vt-header,
	ul.vt li.vt-line:hover div.vt-header-arrow,
	ul.vt:hover li.vt-line div.vt-content,
	ul.vt li.vt-line div.vt-header,
	ul.vt li.vt-line div.vt-header-arrow,
	ul.vt li.vt-line div.vt-content
	{
		transition:all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);	
		-o-transition:all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
		-ms-transition:all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
  		-moz-transition:all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
		-webkit-transition:all 500ms cubic-bezier(0.420, 0.000, 0.2, 1.000);		
	}

	ul.vt:hover li.vt-line
	{
		opacity:1;
		background:#FFFFFF;
	}
	
	/* Content */
	ul.vt:hover li.vt-line div.vt-content
	{
		opacity:0.7;
	}
	
	/* Header */
	ul.vt li.vt-line:hover div.vt-header
	{
		width:160px;
	}		
	
	/* Content */
	ul.vt:hover li.vt-line:hover div.vt-content
  	{
		opacity:1;
	}