/*----------------------------------------------------------------------------- 

proFashion

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	info@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/
a, a:hover, a:link{text-decoration:none !important;}

img{border:0 !important;}

/***************/
/* LOGO STYLE */
/*************/
.logo {
	float:left;
	margin-left: 70px;
    margin-top: 53px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	width:372px;
	height:39px;
}

#header{
-webkit-box-shadow:  0px 2px 8px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:  0px 2px 8px 2px rgba(0, 0, 0, 0.2);    
        box-shadow:  0px 2px 8px 2px rgba(0, 0, 0, 0.2);
		 behavior: url(ie-css3.htc);
		 
}

/**************************/
/* THE SLIDER MENU STYLE */
/************************/

.slider-menu {
	font-family: 'aaux_next_wide_regularregular', Arial, sans-serif;

	
	padding-top:59px;
	padding-bottom:50px;	
	z-index:10;		
	position:relative;		
}


.slider-bar{
	position:relative;		
	/* background:url('../images/bg-black.png') repeat left top transparent; */
	background:url('../images/bg-white.png') repeat left top transparent;
	z-index:1;
	width:100%;
	height:0px;
	}


.slider-menu ul{
	
	/************************/
	/* To Align to the Left */	
	/*						*/
	/*	width:auto;			*/
	/*	margin-left:0px;	*/
	/*	float:left;			*/
	/*						*/
	/************************/
	
	
	
	/**************************/
	/* To Align to the Center */	
	/*						  */
	/*	width:600px;		  */
	/*	margin-left:auto;	  */
	/*	margin-right:auto;	  */
	/*						  */
	/**************************/
		
	width: 620px;
	margin-left:450px;
float:left;	
	

}

.slider-menu .img_head_description {
	width:300px;
	height:auto;	
}

.slider-menu .head_description{
	width:260px;
	height:auto;
}


/***********   THE ORDER OF THE SETTINGS ARE IMPORTANT !! *****************/


/************************************************/
/* Margin  left-right between the submenu items */
/************************************************/
.slider-menu ul li >ul >li{
	font-size:14px;		
	
}


/*****************************************************/
/*	FIRST LEVEL MENU SHOULD HAVE DIFFERENT MARGINS  */
/***************************************************/
.slider-menu >ul>li {
	padding-left: 15px;	
	padding-top:16px;
	padding-right: 15px;
	
	
}



/**************************************/
/* TURN OFF LINK DECORATION OF MENUS */
/************************************/
.slider-menu  >ul>li a:link {
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor:pointer;
	color:#000000;
	text-decoration:none;
	padding-bottom:10px;	
}

.slider-menu >ul >li a:visited {
	cursor:pointer;
	color:#e4e4e4;
}


.slider-menu >ul >li a:hover {
	cursor:pointer;
	color:#E6201D;
}



/***************************************************/
/*	FLOAT THE SUBMENUS NEXT TO EACH OTHER,        */
/*	START POSITION DIRECT UNDER THE 1 LEVEL MENU */
/***************************************************/
.slider-menu ul li ul {
	
	padding-top:19px;		/* TO MAKE SURE THAT MOUSE ROLL OUR OVER WORKS WELL */
	padding-bottom:20px;	/* LEAVE PLACE UNDER THE SUBEMENUS */
	display:none;			/* DONT SHOW IT AT START */
	font-size:8px !important;		
	top:32px !important;
	position:absolute;		
	float:left;	
	left:-140px;		
	box-shadow:none;
	z-index:10;
	height:auto;
	padding-left:20px;			
}


.slider-menu ul li:hover ul {
	display:block;
	z-index:10;
}


/************************************************/
/* DRAW THE BACKGROUND AROUND THE SUBMENU ITEM */
/************************************************/
.slider-menu ul li ul li >div {
	position:relative;
		
}

/********************************/
/*  SET THE IMAGE MARGINS HERE */
/********************************/
.slider-menu ul li ul li .img_holder {
	margin-left:16px;
	margin-top:16px;
	margin-bottom:16px;
}



/* THE SUBMENU */
.slider-submenu {	
	float:left;	
}


/* THE TITLE STYLE IN THE SUBMENU */
.slider-submenu .menu-head {
	font-family: 'Oswald', sans-serif;
	font-size:10px !important;		
	z-index:8;			
	margin-left:16px;
	padding-top:3px !important;
	height: 20px !important;
	margin-right:16px;

}



/* THE CONTENT STYLE IN THE SUBMENU */
.slider-submenu .menu-content {	
	font-family: 'aaux_next_wide_regularregular', sans-serif;	
	font-size:11px;
	z-index:10;	
	margin-top:-10px;	
	overflow:hidden;
	margin-bottom:16px;
	margin-left:16px;
	margin-right:16px;	
}




/*********************************************************/
/* HEAD TYPES AND CONTENT TYPES ALTERNATIVS FOR THE MENU */
/*********************************************************/

/*special casses for light*/

.light2 {
	color:#9bb94b;
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	font-size:16px;
}


a .light2{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}

a:hover .light2:visited {
	color:#9bb94b;
}

a:hover .light2 {
	color:#d10c27;
}

.main_type_1 {
	color:#000000;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1.3px;
}

a .main_type_1{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}

a:hover .main_type_1{
	color:#D11914;
}


.head_type_1 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#c70031;
	font-size:16px;
}

a .head_type_1{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}

a:hover .head_type_1 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#4f3e4d;	
}


.head_type_2 {	
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#00b0e9;
	font-size:14px;	
	text-transform:uppercase;
}
a .head_type_2{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}
a:hover .head_type_2 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#c70031;
	font-size:14px;	
	text-transform:uppercase;
}


.head_type_3 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#000000;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1.3px;
}
a .head_type_3{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}
a:hover .head_type_3 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color: #666;
	tefont-size:14px;	
	text-transform:uppercase;
}


.content_type_1 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#e4e4e4;
	font-size:14px;
	line-height: 110%
}
a .content_type_1{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}
a:hover .content_type_1 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#c70031;
	font-size:14px;
	line-height: 110%
}


.content_type_2 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#1affe1;
	font-size:12px;
	line-height: 110%
}
a .content_type_2{	-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
transition: .25s ease-in-out;}
a:hover .content_type_2 {
	font-family: 'aaux_next_wide_regularregular', sans-serif;
	color:#10f0e1;
	
}


.logo{cursor:pointer;}





#video-thumb {
  
   margin: 3px;
   float: left;

   overflow: hidden;
   position: relative;
   text-align: center;
 
   cursor:pointer;
  
}
#video-thumb .video-mask{
 
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#video-thumb {
   display: block;
   position: relative;
   }
   
#video-thumb img{width:300px;}