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

	-	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
-----------------------------------------------------------------------------*/

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

													-	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 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;*/
}	


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

/***********************************************/
/*------   THEME 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:11;
	background-color:#fff !important;	
}

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

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

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

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

.noFilterClass {
	filter:none !important;
}

/*---------------------------------------
	- CLEARING THE DEFAULT SETTINGS - 
-----------------------------------------*/
.frames_slider ul, .frames_slider 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;
	position:absolute;
	left:0;
	top:0;
}


/*-------------------------------------------------
	- The Default Settings for Each Banner - 
	- Oll Theme Relevant Settings are  - 
	- idntified via Theme Names in ID and Class -
---------------------------------------------------*/

.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;
	overflow:hidden;
	-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 {
	background-color:#2f3030;
	width:auto;
	height:27px;
	position:relative;
	bottom:28px!important;
	left:20px;
	margin:0 0 0 350px !important;
	float:left !important;	
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:2px 2px 2px 8px;
	border:1px solid #282929;
	-webkit-box-shadow: 0px 2px 4px 0px  #a4a4a4;
	-moz-box-shadow:  0px 2px 4px 0px  #a4a4a4;
	box-shadow: 0px 2px 4px 0px  #a4a4a4;
	-moz-box-shadow:0 0 1px #cacaca inset;
	-webkit-box-shadow:0 0 1px #cacaca inset;
	box-shadow:0 0 1px #cacaca inset;	
	
}

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

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

/*------------------------------------------
	- Toolbox - divider between buttons -
--------------------------------------------*/
.frames_slider #toolbox #mini_divider {
	margin-top:-1px;
	margin-left:4px;
	margin-right:2px;
	float:right;
	overflow:hidden;
	background:url(../assets/navigation/toolbar_separator.png) no-repeat center center;;
	width:2px;
	height:29px;
}

/*-----------------------------------------
	- Toolbox - Mini Thumbnail Buttons -
-------------------------------------------*/
.frames_slider #toolbox .mini_thumbnail_buttons {
	margin-top:3px;
	margin-left:1px;
	margin-right:1px;
	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;
}

.countdown {
    background-image: url(../assets/loader/timer_white.png);
    height: 10px;
    margin-left: 6px;
    margin-top: 6px;
    position: relative;
    width: 10px;
    z-index: 4055;
}
/*----------------------------------------------------------------------------- 

- RAMA SLIDER -

Screen Stylesheet 

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


/*--------------------------------------------------------------------------------------------------------
 
								- THE LAYERS ON THE RAMA BANNER -
								
		All Object (Text, Images) on the Banner Layer will be set via the Content.css 
	You can of course use your own styles as well. We only recommend to split the css files,
							to make better overview of your files.
  
   Position are always absolute. Position 0,0 is the left top corner of the banner inside the Frame.
  
---------------------------------------------------------------------------------------------------------*/
  

/*--------------------------------------------------
	-	 BANNER 1 - 1/10 
-----------------------------------------------------*/
.logo_1 {	
	left:265px;
	top:21px;
	position:absolute;
}

 .small_text_1 {	
	left:470px;
	top:213px;
	position:absolute;
}

 .small_text_1b {	
	left:300px;
	top:189px;
	position:absolute;
}

 .title_1 {	
 	background:url(../assets/theme_custom/blot.png) no-repeat left top;
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;	
	font-style:italic;
	font-weight:normal;
	color: #fff;
	padding:10px 30px 15px 20px;	
	left:40px;
	top:250px;
	position:absolute;
}

 .description_1 {
	font-size:12px;
	text-align:center;
	color: #88d600;			
	left:60px;
	top:287px;
	position:absolute;
}


/*--------------------------------------------------
	-	 BANNER 1 - 2/10 
-----------------------------------------------------*/

.title_2 {	
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;	
	font-style:italic;
	font-weight:normal;
	color: #fff;	
	left:526px;
	top:195px;
	position:absolute;
}

.title_2b {
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:22px;	
	font-style:italic;
	font-weight:normal;	
	color: #061846;
	text-decoration:underline;	
	text-transform:uppercase;
}

.description_2 {
	font-family:'Arimo';
	font-size:16px;
	color: #fff;		
	left:526px;
	top:180px;
	position:absolute
}


/*--------------------------------------------------
	-	 BANNER 1 - 3/10 
-----------------------------------------------------*/

 .title_3 {	
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;	
	font-style:italic;
	font-weight:normal;
	color: #88d600;	
	padding:10px 30px 15px 20px;	
	left:40px;
	top:250px;
	position:absolute;
}

 .description_3 {
	font-size:12px;
	text-align:center;
	color: #fff;		
	left:60px;
	top:287px;
	position:absolute;
}


/*--------------------------------------------------
	-	 BANNER 1 - 4/10 
-----------------------------------------------------*/

 .title_4 {	
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;	
	font-style:italic;
	font-weight:normal;
	color: #fff;
	padding:10px 30px 15px 20px;	
	left:40px;
	top:180px;
	position:absolute;
}

 .description_4 {
	font-size:12px;
	text-align:center;
	color: #fff;			
	left:60px;
	top:175px;
	position:absolute;
}

/*--------------------------------------------------
	-	 BANNER 1 - 5/10 
-----------------------------------------------------*/

.title_5 {	
 	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;	
	font-style:italic;
	font-weight:normal;
	color:#1f2123;	
	left:600px;
	top:120px;
	position:absolute;
}

.description_5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color: #1f2123;		
	left:600px;
	top:150px;
	position:absolute
}