@charset "utf-8";


/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS
------------------------------------------------------------------*/


.mask
{
 background-color   : #000;
 width: 100%;
 text-align:center;
		 float: center;
}

/*------------------------------------------------------------------
1.2 TEXT
------------------------------------------------------------------*/

#wrapper
{
 /*11px*/
 width: 100%;
 text-align:center;
		 float: center;
		 margin-top:0px;
		 padding-top:0px;

		 
}

h2
{
 color  : red;
  font-family: Traditional Arabic;
		font-size: 17px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 22px;
}




/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/
#wrapper
{
 padding-bottom     : 0px;
 text-align         : center;
		   width              : 100%;

		   
}

.sub-wrapper
{
 margin-right             : 0px;
 width              : 1002px;
		  text-align:center;
		  direction:rtl;
		
						   margin:0;


}

/*------------------------------------------------------------------
4.1 PRIMARY NAVIGATION
------------------------------------------------------------------*/
#navigation,
#navigation .sub-wrapper
{
/*background-image : url(../gif-boys/bg-menu.png);
background-repeat:no-repeat;*/

		 height: 49px;


 width              : 1002px;
		 text-align:center;
		  margin-right:0px;
				   margin-top:0px;
				     background-color:transparent;
 line-height:10px;


		 
		 }

#navigation .sub-wrapper
{
 position           : relative;
		  text-align:right;
		   width              : 940px;

		




}


/*------------------------------------------------------------------
4.1.1.1 SUBSECTION
------------------------------------------------------------------*/
.sub-section
{
 left               : -5000px;
 margin-right        : -4px;
 padding-right       : 0;
 padding-left       : 0;

 padding-top        : 2px;
 position           : absolute;
 top                : 0;
 width              : 1002px;
 z-index            : 2000;
 text-align:left;
  direction:rtl;
   line-height:10px;





}

.sub-section .c
{
 background         : transparent url(../gif-boys/topmenu/bg_subsection.png) repeat-x scroll top left;
 border-left        : 1px solid #d8d8d8;
 border-right       : 1px solid #d8d8d8;
 		  direction:rtl;
		  padding-bottom:8px;

 
}

#current-section
{
 border             : 1px solid #d8d8d8;
 padding-top        : 1em;
 width              : 1002px;

 
}

.group
{
 float              : right;
 margin-right        : 12px;
 width              : 138px;
 text-align:right;

}

.group h2
{
 letter-spacing     : 0;
 margin-bottom      : 0.3em;
  text-align:right;
  color:#000000;

 font-family: Traditional Arabic;
		font-size: 15px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 20px;

}

.group h2 a:link,
.group h2 a:hover,
.group h2 a:visited


{
 letter-spacing     : 0;
 margin-bottom      : 0.3em;
  text-align:right;
  color:#000000;

 font-family: Traditional Arabic;
		font-size: 15px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 20px;

}

.group ul
{
 /*LIST RESETS*/
 list-style-type    : none;
 margin-bottom      : 2px;;
 padding-right       : 0px;
 margin-right:8px;
 text-align:right;
	  direction:rtl;

  font-family: Traditional Arabic;
		font-size: 12px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 18px;
}


.group li
{
 /*LIST RESETS*/
 list-style-type    : none;
 margin-bottom      : 4px;;
 padding-right       : 0px;
 margin-right:0px;
 text-align:right;
	  direction:rtl;
	  font-family: Traditional Arabic;
		font-size: 12px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 18px;



}

.related-links
{
 background         : url(http://www.rbs.com/images/interface/primary_navigation/bg_related_links.png) repeat-x bottom left;
 border-top         : 1px solid #d8d8d8;
 clear              : both;
 margin-bottom      : 0;
}

.related-links li
{
 float              : left;
 width              : 50%;
 /*LIST RESETS*/
 list-style-type    : none;
 margin-bottom      : 0;
 margin-left        : 0;
 padding            : 3px 0;
}

/*------------------------------------------------------------------
4.1.1.2 SUBSECTION ROUNDED CORNERS
------------------------------------------------------------------*/
.sub-section .h
{
 position           : relative;
  bottom             : -3px;
  width:100%;
 border-top         : 1px solid #d8d8d8;
 z-index:2000;
  background-color:white;


}

.sub-section .f
{
 position           : relative;
  width:100%;
 border-bottom         : 1px solid #d8d8d8;

}


.sub-section .left,
.sub-section .right
{
 height             : 0px;
 position           : absolute;
 width              : 0px;
 		  


}

.sub-section .left
{

 left               : 0;
}

.sub-section .right
{
 right              : 0;
}

.sub-section .h .left,
.sub-section .h .right
{
 top                : 0;
}

.sub-section .h .left
{
 background-repeat:no-repeat;
 border-left         : 1px solid #d8d8d8;
 float:left;


}

.sub-section .h .right
{
 background-repeat:no-repeat;
 border-right         : 1px solid #d8d8d8;
 float:right;

}

dd.first-sub-section .h .left
{
 background-image   : url(http://www.rbs.com/images/interface/primary_navigation/bg_subsection_h_left_first.png);
 
}

dd.last-sub-section .h .right
{
 background-image   : url(http://www.rbs.com/images/interface/primary_navigation/bg_subsection_h_right_last.png);
}

.sub-section .h .center
{
 background         : transparent;
 height             : 0;
 margin:0;
 width:100%;
 padding-bottom:4px;
 font-size:2px;
 line-height:1px;

 float:center;
 
 }

.sub-section .f .left,
.sub-section .f .right
{
 bottom             : 0;
  

 
}

.sub-section .f .left
{
 background         : url(../gif-boys/topmenu/bg_subsection_f_left.png) no-repeat bottom left;
 background-repeat:no-repeat;
 border-left         : 1px solid #d8d8d8;
 float:left;

}

.sub-section .f .right
{
 background         : url(../gif-boys/topmenu/bg_subsection_f_right.png) no-repeat bottom right;
  background-repeat:no-repeat;
 border-right         : 1px solid #d8d8d8;
 float:right;
 

}

.sub-section .f .center
{
 background         : #fff;
 height             : 0;
 margin:0;
 width:100%;
 padding:0;

 float:center;

}

#wrapper  .join
{
 background         : #fff;
 border-left        : 1px solid #d8d8d8;
 border-right       : 1px solid #d8d8d8;
 bottom             : -6px;
 display            : none;
 height             : 0px;
 position           : absolute;
 width              : 115px;
 z-index            : 1;
 text-align:right;
 font-size:6px;
 line-height:1px;
 
 
}

/*------------------------------------------------------------------
4.1.2 PRIMARY NAVIGATION LINKS
------------------------------------------------------------------*/
.primary-navigation dt
{
 float              : right;
 position           : relative;
 margin-top:8px;
 margin-bottom:0px;
 
}

#wrapper .primary-navigation dt a
{
 background         : #f0f0f0 url(../gif-boys/topmenu/bg_link_top.tif) no-repeat scroll top left;
 color              : #1B5E85;
 display            : block;
 margin-right       : 2px;
 width              : 115px;
font-family: Traditional Arabic;
		font-size: 17px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 22px;

 
}

.primary-navigation dt a span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;
 display            : block;
 padding            : 5px 0px 7px 0px;
 text-align:center;
 
}

#wrapper .primary-navigation dt a.current
{
 background         : #ffffff url(../gif-boys/topmenu/bg_link_top.tif) no-repeat scroll top left;
 color              : #1B5E85;
 font-weight:bold;
 text-decoration    : none;
}

.primary-navigation dt a.current span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;

}

body #wrapper .primary-navigation dt a:focus,
body #wrapper .primary-navigation dt a:hover,
body #wrapper .primary-navigation dt a.focus
{
 background         : #fff url(../gif-boys/topmenu/bg_link_top_hover2.png) no-repeat scroll top right;
 color              : #1B5E85;
 text-decoration    : none;
}

body .primary-navigation dt a:focus span,
body .primary-navigation dt a:hover span,
body .primary-navigation dt a.focus span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom_hover1.png) no-repeat scroll bottom right;
}

#wrapper .group a
{
 background         : transparent url(../gif-boys/topmenu/right_blue_small.png) no-repeat scroll right;
 display            : block;
 padding-right       :10px;
 padding-left      : 0px;
 margin-right:0px;
  direction:rtl;
 text-align:right;
 font-family: Traditional Arabic;
		font-size: 15px;
		font-weight:bold;
		font-stretch:condensed;
 line-height        : 18px;


 


}

#wrapper .group a:focus,
#wrapper .group a:hover,
#wrapper .group a.focus
{
 background         : #1b5e85 url(../gif-boys/topmenu/right_white_small.png) no-repeat scroll right;
 color              : #fff;
 text-decoration    : none;
 direction:rtl;
 text-align:right;


}

.related-links li.first-child a
{
 float              : left;
 margin-left        : 12px;
}

.related-links li.last-child a
{
 float              : right;
 margin-right       : 12px;
}

#wrapper .related-links a:focus,
#wrapper .related-links a:hover,
#wrapper .related-links a.focus
{
 background         : #1b5e85 url(../gif-boys/topmenu/right_white.png) no-repeat scroll 0 0.3em;
 color              : #fff;
 text-decoration    : none;
 text-align:right;

}


/*------------------------------------------------------------------
4.2.1 SECONDARY NAVIGATION LIST
------------------------------------------------------------------*/
body .container .secondary-navigation
{
 background-color   : #f0f0f0;
 margin-left        : 0;
 margin-right       : 0;
 margin-top         : -1em;
 padding            : 1em 0 1em 11px;
 

}

body .container .secondary-navigation h3 {
	padding: 0 0 10px 0;
}

.secondary-navigation li
{
 /*LIST RESETS*/
 list-style-type    : none;
 margin-bottom      : 0;
 margin-left        : 0;
 padding-left       : 0;
}

.container2 .secondary-navigation li
{
 float              : left;
 margin-right       : 14px;
}

body .container4 .secondary-navigation
{
 padding-left       : 4px;
}

/*------------------------------------------------------------------
4.2.2 SECONDARY NAVIGATION LINKS
------------------------------------------------------------------*/
#wrapper .secondary-navigation a
{
 background         : #f6f6f6 url(../gif-boys/topmenu/bg_link_top.tif) no-repeat scroll top left;
 display            : block;
 width              : 273px;

}

.secondary-navigation a span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;
 display            : block;
 padding            : 6px 12px;

}

#wrapper .secondary-navigation a.current
{
 background         : #414141 url(../gif-boys/topmenu/bg_link_top.png) no-repeat scroll top left;

 color              : #1B5E85;
 font-weight:bold;
}

.secondary-navigation a.current span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;
  
  display            : block;
 padding            : 6px 12px;

}

body #wrapper .secondary-navigation a:focus,
body #wrapper .secondary-navigation a:hover,
body #wrapper .secondary-navigation a.focus
{
 color              : #1B5E85;
 text-decoration    : none;

 
}

body .secondary-navigation a:focus span,
body .secondary-navigation a:hover span,
body .secondary-navigation a.focus span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom_hover.png) no-repeat scroll bottom left;
}



/*------------------------------------------------------------------
12. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;
}

.clearfix
{
 display            : inline-block;
 margin-bottom:2px;

}

html[xmlns] .clearfix
{
 display            : block;
}

* html .clearfix
{
 height             : 1%;
}


.primary-navigation dt1
{
 float              : right;
 position           : relative;
 margin-top:8px;
 margin-bottom:0px;
 
}

#wrapper .primary-navigation dt1 a
{
 background         : #f0f0f0 url(../gif-boys/topmenu/bg_link_top.png) no-repeat scroll top left;
 color              : #1B5E85;
 display            : block;
 font-size          : 11px;
 margin-right       : 2px;
 width              : 115px;
 font-weight:bold;
 
}

.primary-navigation dt1 a span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;
 display            : block;
 padding            : 5px 0px 7px 0px;
 text-align:center;
 
}

#wrapper .primary-navigation dt1 a.current
{
 background         : #ffffff url(../gif-boys/topmenu/bg_link_top.tif) no-repeat scroll top left;
 color              : #1B5E85;
 font-weight:bold;
 text-decoration    : none;
}

.primary-navigation dt1 a.current span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom.png) no-repeat scroll bottom left;

}

body #wrapper .primary-navigation dt1 a:focus,
body #wrapper .primary-navigation dt1 a:hover,
body #wrapper .primary-navigation dt1 a.focus
{
 background         : #fff url(../gif-boys/topmenu/bg_link_top_hover2.png) no-repeat scroll top right;
 color              : #1B5E85;
 text-decoration    : none;
}

body .primary-navigation dt1 a:focus span,
body .primary-navigation dt1 a:hover span,
body .primary-navigation dt1 a.focus span
{
 background         : transparent url(../gif-boys/topmenu/bg_link_bottom_hover1.png) no-repeat scroll bottom right;
}


 


}