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

proFashion

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	info@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/


/***************/
/* LOGO STYLE */
/*************/
.logo {
	float:left;
	margin-top:12px;
	margin-left:10px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	width:150px;
	height:90px;
}


/**************************/
/* THE SLIDER MENU STYLE */
/************************/

.slider-menu {
	font-family: 'Oswald', sans-serif;
	background-color:#1f2120;
	box-shadow:0px 3px 9px #999;
	-moz-box-shadow:0px 3px 9px #999;
	-khtml-box-shadow:0px 3px 9px #999;
	-webkit-box-shadow:0px 3px 9px #999;
	padding-top:69px;
	padding-bottom:40px;	
	z-index:10;				
}



.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:900px;
	margin-left:auto;
	margin-right:auto;
	

}

.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:24px;		
	margin-left:10px;
	margin-right:10px;	
}


/*****************************************************/
/*	FIRST LEVEL MENU SHOULD HAVE DIFFERENT MARGINS  */
/***************************************************/
.slider-menu >ul>li {
	margin-left:40px;	
}



/**************************************/
/* TURN OFF LINK DECORATION OF MENUS */
/************************************/
.slider-menu  >ul>li a:link {
	color:#e4e4e4;
	text-decoration:none;	
}

.slider-menu >ul >li a:visited {
	color:#e4e4e4;
}


.slider-menu >ul >li a:hover {
	color:#d10c27;
}



/***************************************************/
/*	FLOAT THE SUBMENUS NEXT TO EACH OTHER,        */
/*	START POSITION DIRECT UNDER THE 1 LEVEL MENU */
/***************************************************/
.slider-menu ul li ul {
	margin-top:30px;		/* TO START THE SUBMENUS UNDER THE MAIN MENU */
	padding-top:10px;		/* 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:10px;		
	
	position:absolute;		
	float:left;			
	box-shadow:none;
	z-index:10;
	height:auto;			
}


.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;
	background-color:#353736;			
}

/********************************/
/*  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:16px;		
	z-index:8;			
	margin-left:16px;
	margin-top:16px;
	margin-right:16px;
	margin-bottom:16px;
}



/* THE CONTENT STYLE IN THE SUBMENU */
.slider-submenu .menu-content {	
	font-family: 'Open Sans Condensed', 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:#eb0a2f;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
}

a:hover .light2:visited {
	color:#eb0a2f;
}

a:hover .light2 {
	color:#d10c27;
}

.main_type_1 {
	color:#eb0a2f;
	font-size:25px;	
}

a:hover .main_type_1{
	color:#e4e4e4;
}


.head_type_1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#c70031;
	font-size:16px;
}

a:hover .head_type_1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#4f3e4d;	
}


.head_type_2 {	
	font-family: 'Open Sans Condensed', sans-serif;
	color:#00b0e9;
	font-size:18px;	
}

a:hover .head_type_2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#c70031;
	font-size:18px;
}


.head_type_3 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#00b0e9;
	font-size:24px;
}

a:hover .head_type_3 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#e4e4e4;
}


.content_type_1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#e4e4e4;
	font-size:14px;
	line-height: 110%
}

a:hover .content_type_1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#c70031;
	font-size:14px;
	line-height: 110%
}


.content_type_2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#1affe1;
	font-size:12px;
	line-height: 110%
}

a:hover .content_type_2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#10f0e1;
	
}