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

	-	RAMA BANNER ROTATOR -

Screen Stylesheet 

version:   	1.0 
date:      	09/18/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/



/*-----------------------------------------
	-	Shadow Effects for the Banner -
-------------------------------------------*/
.shadow1 {	
	/*-webkit-box-shadow: 0px 40px 55px -20px #000;
	-moz-box-shadow: 0px 40px 55px -20px #000;
	box-shadow: 0px 40px 55px -20px #000;*/
}

.shadow2 {
	-webkit-box-shadow: inset 0px 0px 6px 2px #000;  
	-moz-box-shadow: inset 0px 0px 6px 2px #000;  
	box-shadow: inset 0px 0px 6px 2px #000; 
}

.shadow3 {
	-webkit-box-shadow: 30px 10px 60px -20px #000;
	-moz-box-shadow: 30px 10px 60px -20px #000;
	box-shadow: 30px 10px 60px -20px #000;	
}

.shadow4 {
	-webkit-box-shadow: 0px 0px 49px 0px #ebf5f3;
	-moz-box-shadow: 0px 0px 49px 0px #ebf5f3;
	box-shadow: 0px 0px 49px 0px #ebf5f3;
}

.shadow5 {
	-webkit-box-shadow: 30px 10px 60px -20px #1c3a65;
	-moz-box-shadow: 30px 10px 60px -20px #1c3a65;
	box-shadow: 30px 10px 60px -20px #1c3a65;
}


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

													-	CUSTOM FRAME SETTINGS -
						HERE YOU CAN SET YOUR OWN SETTINGS WITHOUT MODIFY THE REST DEFAULT FRAMES.  
						Thumbnails, Colors, Position, Size Frame Border, Color, Image can be set here.
											
				If you wish to change one of the Default Themes,just go and look for the corresponding part 
											(fashion, wedding, sport), and edit there.
	
-------------------------------------------------------------------------------------------------------------------------*/

/******************************
	- CUSTOM DEFAULT FRAME - 
******************************/

.custom_frame_basic{
	padding-left:0px !important;					/* The Left Border Size */
	padding-right:0px !important;					/* The Right Border Size */
	padding-top:0px !important;						/* The Top Border Size */
	padding-bottom:0px !important;					/* The Bottom Border Size */
	-webkit-border-radius:0px !important;			/* The Rounder Corner on the Border */
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.custom_frame_bg {	background:transparent !important;	}		/* The Color or the Image Pattern of the Border */


/******************************
	- CUSTOM INNER MASK - 
******************************/
.custom_mask {	
	-webkit-border-radius:2px !important;						/* Set the Image Rounding on the Corners */
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}


/******************************
	- CUSTOM TOOLBOX - 
******************************/

.custom_toolbox {
	background-color:#303030 !important;		
		
	/*	To Put it on the left side:
		margin-left:10px !important;
		float:left !important;	
	*/
	
	/* To Put it on the Right Side:
		margin-right:10px !important;
		float:right !important;
	*/
	
	/* To put it on the middle:
		maring-right:auto !important;
		margin-left:auto !important;
		float:none !important;
	*/
	
	margin-right:auto !important;
	margin-left:auto !important;
	float:none !important;
	top:320px !important;						/* The Top POsition of the Navigation Toolbox */
	background:transparent !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
	-moz-box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
	box-shadow: none;    /*0px 0px 6px 0px  #1f2120 !important;*/
}	

.custom_mini_divider{	background-image:url(../assets/navigation/toolbar_separator.png) !important; }			/* The Image Source of the Divider between the Buttons */

.custom_mini_thumbnail_buttons { background-image:url(../assets/navigation/fashion/buttons.png) !important; }	/* The Small Thumbnail Button Source */

.custom_previous {	background-image:url(../assets/navigation/fashion/nextprev.png) !important; }				/* Previous Button Source */

.custom_next { 	background-image:url(../assets/navigation/fashion/nextprev.png) !important; }					/* Next Button Source */

.custom_image_thumbnail {
	width:146px !important;					/* The Width of the small Thumbnail */
	height:50px !important;					/* The Height of the Small Thumbnail */	
	margin-top:-51px !important;			/* The Exact Position of the Small Thumbnails */
	background-color:#bbb !important;		/* The Background Color of the Thumbnails */
	z-index:4150 !important;
}

.custom_countdown {  background-image:url(../assets/loader/timer_black.png) !important;}		/* The CountDown Animation Source */

.custom_image_thumbnail_arrow{			
	background-image:url(../assets/navigation/arrow_down_grey.png) !important;					/* The Small Arrow Source for the Thumbnails */
	z-index:4150 !important;
}
	
	
/*********************************************
	- CUSTOM INNER SHADOW AND GLAS EFFECT - 
**********************************************/

.frame_custom_innershadow {													/* THe Shadow Settings Inside the Border */
	-webkit-box-shadow: inset 0px 0px 30px -10px #000000;
	-moz-box-shadow: inset 0px 0px 30px -10px #000000;
	box-shadow: inset 0px 0px 30px -10px #000000
}

.frame_custom_reflection {  background:url(../assets/reflex_light.png) no-repeat; }			/* The Glas Effect PNG File Source */
	
	
/*******************************************
	- CUSTOM IMAGES ON THE FOUR CORNERS  -
*******************************************/
.custom_topleftscrew{
	background:url(../assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;	
	z-index:1005;
}

.custom_toprightscrew{
	background:url(../assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;	
	z-index:1005;
	margin-left:-12px;
}

.custom_bottomleftscrew{
	background:url(../assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;
	z-index:1005;
	margin-top:-12px;
}	

.custom_bottomrightscrew{
	background:url(../assets/theme_custom/screw_head.png) no-repeat;
	width:12px;
	height:12px;
	position:absolute;
	z-index:1005;
	margin-left:-12px;
	margin-top:-12px;
}	








/*--------------------------------------------------------------------------------------------------------------------------
  
											-THE SPORT SKIN SETTINGS  -
 
---------------------------------------------------------------------------------------------------------------------------*/

/***********************************************/
/*------   THEME SPORT TOOLBOX SETTINGS ------*/
/***********************************************/
.sport_mini_divider{
	background-image:url(../assets/navigation/toolbar_separator.png) !important;
}

.sport_mini_thumbnail_buttons {
	background-image:url(../assets/navigation/buttons.png) !important;
}

.sport_previous {
	background-image:url(../assets/navigation/nextprev.png) !important;
}

.sport_next {
	background-image:url(../assets/navigation/nextprev.png) !important;
}
.sport_image_thumbnail {	
	margin-top:-90px !important;
	z-index:4150 !important;
	background-color:#fff !important;	
}

.sport_countdown {
  background-image:url(../assets/loader/timer_white.png) !important;
  
}

.sport_toolbox {	
	background-color:#1d2427 !important;
	margin-right:30px !important;
	float:right !important;	
}

.sport_image_thumbnail_arrow{
	background-image:url(../assets/navigation/arrow_down_white.png) !important;
	z-index:4150 !important;
}

/***********************************************/
/*------   THEME SPORT ASSETS SETTINGS ------*/
/***********************************************/
.frames_slider .sport_decor{
	background:url(../assets/theme_sport/decor_top.png) no-repeat;
	width:290px;
	height:8px;
	position:absolute;
	z-index:1006;
}

.frames_slider .sport_right_decor_button{
	background:url(../assets/theme_sport/right_button.png) no-repeat;
	width:3px;
	height:18px;
	position:absolute;
	z-index:1005;
}

.frames_slider .sport_topscrew{
	background:url(../assets/theme_sport/screw_head_top.png) no-repeat;
	width:8px;
	height:8px;
	position:absolute;
	z-index:1005;
}

.frames_slider .sport_bottomscrew{
	background:url(../assets/theme_sport/screw_head_bottom.png) no-repeat;
	width:8px;
	height:8px;
	position:absolute;
	z-index:1005;
}

.frames_slider .sport_gradient {
	background-color:#0a1419;
}

/***********************************************/
/*------   THEME SPORT FRAME SETTINGS ------*/
/***********************************************/
.sport_frame_basic{
	padding-left:46px;
	padding-right:46px;
	padding-top:46px;
	padding-bottom:46px;	
	-webkit-border-radius:18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.sport_frame_bg {	
	background:url(../assets/theme_sport/frame.jpg) repeat-x;		
}


.frame_sport_innershadow {
	-webkit-box-shadow: inset 0px 0px 30px -10px #000000;
	-moz-box-shadow: inset 0px 0px 30px -10px #000000;
	box-shadow: inset 0px 0px 30px -10px #000000
}

.frame_sport_reflection {
  background:url(../assets/reflex_light.png) no-repeat;		
  
}










/*--------------------------------------------------------------------------------------------------------------------------
  
											-THE WEDDING SKIN SETTINGS  -
 
---------------------------------------------------------------------------------------------------------------------------*/

/*************************************************/
/*------   THEME WEDDING TOOLBOX SETTINGS ------*/
/*************************************************/

.wedding_mini_divider{
	background-image:url(../assets/navigation/wedding/toolbar_separator.png) !important;
}

.wedding_mini_thumbnail_buttons {
	background-image:url(../assets/navigation/wedding/buttons.png) !important;
}

.wedding_previous {
	background-image:url(../assets/navigation/wedding/nextprev.png) !important;
}

.wedding_next {
	background-image:url(../assets/navigation/wedding/nextprev.png) !important;
}
.wedding_image_thumbnail {		
	background-color:#fff !important;
	z-index:4150 !important;
}

.wedding_countdown {
  background-image:url(../assets/loader/timer_wedding.png) !important;
  
}

.wedding_toolbox {
	background-color:transparent !important;		
	margin-right:-5px !important;
	float:right !important;	
	-webkit-border-radius:0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow:  none !important;
	box-shadow: none !important;
}

.wedding_image_thumbnail_arrow{
	background-image:url(../assets/navigation/arrow_down_white.png) !important;
	z-index:4150 !important;
}


/************************************************/
/*------   THEME WEDDING ASSETS SETTINGS ------*/
/************************************************/
.frames_slider .wedding_decor_top{
	background:url(../assets/theme_wedding/flower.png) repeat-x;
	width:303px;
	height:47px;
	position:absolute;
	z-index:1006;
}

.frames_slider .wedding_decor_bottom{
	background:url(../assets/theme_wedding/flower_invert.png) repeat-x;
	width:303px;
	height:47px;
	position:absolute;
	z-index:1006;
}


.frames_slider .wedding_gradient {
	background-color:#0a1419;
}

/**********************************************/
/*------   THEME WEDDING FRAME SETTINGS ------*/
/**********************************************/
.wedding_frame_basic{
	padding-left:70px;
	padding-right:70px;
	padding-top:70px;
	padding-bottom:110px;	
	-webkit-border-radius:18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.wedding_frame_bg {	
	background:url(../assets/theme_wedding/frame.jpg);	
}

.wedding_fine_border {
	border:1px solid #b1cdd0;
	position:absolute;
}

.frame_wedding_innershadow {
	-webkit-box-shadow: inset 0px 0px 20px -8px #000000;
	-moz-box-shadow: inset 0px 0px 20px -8px #000000;
	box-shadow: inset 0px 0px 20px -8px #000000;
}

.frame_wedding_reflection {
	background:url(../assets/reflex_dark.png) no-repeat;
}






/*--------------------------------------------------------------------------------------------------------------------------
  
											-THE FASHION SKIN SETTINGS  -
 
---------------------------------------------------------------------------------------------------------------------------*/

/*************************************************/
/*------   THEME FASHION TOOLBOX SETTINGS ------*/
/*************************************************/

.fashion_mini_divider{
	background-image:url(../assets/navigation/fashion/toolbar_separator.png) !important;
}

.fashion_mini_thumbnail_buttons {
	background-image:url(../assets/navigation/fashion/buttons.png) !important;
}

.fashion_previous {
	background-image:url(../assets/navigation/fashion/nextprev.png) !important;
}

.fashion_next {
	background-image:url(../assets/navigation/fashion/nextprev.png) !important;
}
.fashion_image_thumbnail {	
	margin-top:35px !important;
	background-color:#b9bdcb !important;
	z-index:4150 !important;
}

.fashion_countdown {
  background-image:url(../assets/loader/timer_fashion.png) !important;
  
}

.fashion_toolbox {
	background-color:transparent !important;				
	margin-right:auto !important;
	margin-left:auto;
	float:none !important;	
	-webkit-border-radius:0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow:  none !important;
	box-shadow: none !important;
}

.fashion_image_thumbnail_arrow{
	background:transparent !important; 
	z-index:4150 !important;
}

.fashion_toolbox_background{
/*	background:url(../assets/navigation/fashion/toolbox.jpg);*/
	background-color:#666;
	width:500px;
	height:80px;
	position:absolute;
	z-index:1002;	
	-webkit-box-shadow: 0px 0px 4px 0px  #fff;
	-moz-box-shadow:  0px 0px 4px 0px  #fff;
	box-shadow: 0px 0px 4px 0px  #fff;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fashion_toolbox_background_turnback_left{
	background:url(../assets/theme_fashion/turnback_left.png) no-repeat;
	
	width:13px;
	height:8px;
	position:absolute;
	z-index:1001;		
}

.fashion_toolbox_background_turnback_right{
	background:url(../assets/theme_fashion/turnback_right.png) no-repeat;
	width:13px;
	height:8px;
	position:absolute;
	z-index:1000;		
}


/***********************************************/
/*------   THEME FASHION FRAME SETTINGS ------*/
/*********************************************/

.fashion_frame_basic{
	padding-left:14px;
	padding-right:14px;
	padding-top:14px;
	padding-bottom:54px;	
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fashion_frame_bg {		
	background-color:#edead8;
}

.fashion_gradient {
	background-color:#d7cfad;
}


.frame_fashion_innershadow {
	-webkit-box-shadow: inset 0px 0px 30px -10px #1c3a65;
	-moz-box-shadow: inset 0px 0px 30px -10px #1c3a65;
	box-shadow: inset 0px 0px 30px -10px #1c3a65
}

.frame_fashion_reflection {
  background:url(../assets/reflex_light_3.png) no-repeat;	
  
}






/*--------------------------------------------------------------------------------------------------------------------------
  
											-BASIC / DEAFULT SETTINGS. NO NEED TO MODIFICATE -
 
---------------------------------------------------------------------------------------------------------------------------*/

.noFilterClass {
	filter:none !important;
}





/*---------------------------------------
	- CLEARING THE DEFAULT SETTINGS - 
-----------------------------------------*/
.frames_slider  ul, li { 
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/*-------------------------------------------------
	- The Default Settings for Each Banner - 
	- Oll Theme Relevant Settings are  - 
	- idntified via Theme Names in ID and Class -
---------------------------------------------------*/
.frames_slider {		
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;			
	display:none;		
	color: #000;	
	
}

.none_frame{		
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;			
	display:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Oswald', sans-serif;
	color: #000;	
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	z-index:1;
}




/*------------------------------
	-  Mask on Images -
--------------------------------*/
.frames_slider #mask {
	position:absolute;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}




/*--------------------------------------------------------
	- The Loader Size, Source and position on the Banner
----------------------------------------------------------*/
.frames_slider .loader{
	background-image:url(../assets/loader/loader_round_blue.gif);
	background-repeat:none;
	width:18px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	top:45%;	
	z-index:1499;
	position:relative;
	
}



/*--------------------------------------------
	-	The Logo in the right top Corner -
----------------------------------------------*/
.frames_slider #bannerlogo {
	position:absolute;
	left:765px;
	top:5px;
	z-index:1500;
	cursor:point;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#bannerlogo a:link {border:none;}
#bannerlogo a:visited {border:none;}

.frames_slider #bannerlogo img{
	border-style:none;	
	border:none;
}



/*----------------------------------------------------------------
	-	Image Thumbnails, borders, Marings, rounded corners - 
------------------------------------------------------------------*/
.frames_slider #image_thumbnail{	
	position:absolute;	
	background-color:#fff;	
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px 0px  #1f2120;
	-moz-box-shadow:  0px 0px 4px 0px  #1f2120;
	box-shadow: 0px 0px 4px 0px  #1f2120;	
	cursor:pointer;
	z-index:4150 !important;
}

/*---------------------------------------------------
	-	Small Arrow under the Image Thumbnails -
-----------------------------------------------------*/
.frames_slider #image_thumbnail_arrow{
	width:9px;
	height:5px;	
	background-image:url(../assets/navigation/arrow_down_white.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:4150 !important;
}


/*-------------------------------------------
	- Toolbox (thumbnail, next,prev holder)
---------------------------------------------*/
.frames_slider #toolbox {
	/*display:none;*/
	background-color:#1d2427;
	width:auto;
	height:40px;
	position:relative;
	top:292px;
	float:right;
	margin-right:30px;
	padding-left:10px;	
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px 0px  #1f2120;
	-moz-box-shadow:  0px 0px 6px 0px  #1f2120;
	box-shadow: 0px 0px 6px 0px  #1f2120;	
	
}

/*-------------------------------------
	- Toolbox - Next Button -
--------------------------------------*/
.frames_slider #toolbox #next {
	margin-top:8px;
	margin-left:5px;
	margin-right:5px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/nextprev.png);
	background-position:top left;
	width:28px;
	height:22px;
	cursor:pointer;	
}

/*-------------------------------------
	- Toolbox - Prev Button -
--------------------------------------*/
.frames_slider #toolbox #previous {
	margin-top:8px;
	margin-left:5px;
	margin-right:15px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/nextprev.png);
	background-position:top right;
	width:28px;
	height:22px;
	cursor:pointer;
}

/*------------------------------------------
	- Toolbox - divider between buttons -
--------------------------------------------*/
.frames_slider #toolbox #mini_divider {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/toolbar_separator.png);
	width:2px;
	height:28px;
}

/*-----------------------------------------
	- Toolbox - Mini Thumbnail Buttons -
-------------------------------------------*/
.frames_slider #toolbox .mini_thumbnail_buttons {
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	float:right;
	overflow:hidden;
	background-image:url(../assets/navigation/buttons.png);
	background-position:top left;
	width:22px;
	height:22px;
	cursor:pointer;
}

.frames_slider .pause_sign {
	background:url(../assets/navigation/pause.png) no-repeat;	
	width:35px;
	height:37px;	
	position:absolute;
	z-index:4100;
}
/*------------------------------------------
	- Count Down Function -
--------------------------------------------*/
.countdown {
  background-image:url(../assets/loader/timer_white.png);
  width:10px;
  height:10px;
  position:relative;
  margin-left:6px;
  margin-top:6px;  
  z-index:4055;  
}