/*----------------------------------------------- 
	RBS Intranet
	
	CONTAINERS STYLESHEET
	Created by HeathWallace Ltd on 08 Dec 2006 
	(Louis Briggs)
------------------------------------------------*/

/* This container wraps the whole page */
.containerPage {
	margin:0px;
	padding:0px;
	float:left;
	width:1003px;
	border:none;
}

/* This container wraps the header section including 
the RBS logo, the search form, the date and the main title */
.containerHeader {
	margin:0px;
	padding:0px;
	float:left;
	width:998px;
}


/* START SEARCH AREA */
/* This container wraps the search form as well as the date */
.containerSearch {
	margin:0px;
	padding:0px;
	float:left;
	width:846px;
}

.containerSearch div {
	margin:0px 2px 2px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	border:1px solid #ccc;
	border-top:none;
	background:#fff url("/images/css/bg_searcharea.gif") repeat-x bottom left;
	height:30px;	
	width:335px;
}

.containerSearch div span {
	margin:0px;
	padding:8px 25px 0px;
	float:left;
	/*font-size:69%;*/
	display:block;
}

/* END SEARCH AREA */



/* CONTENT CONTAINERS */

/* 3 column container with left nav, content area and RHS tools */
.containerContent3Column {
	margin:0px;
	padding:0px;
	float:left;	
	width:1003px;
	clear:both;
}

.containerLeftNav {
	width:170px;
	margin:0px 0px 0px 27px;
	float:left;
	clear:left;
	padding:0px 0px 0px 0px;
	display:inline;	
	border-top:1px solid #ccc;
	/* The styling of the left hand nav content is found in lists.css */
}


/* Setting widths, spacing and styling for content blocks within different layouts */
.containerContent3Column .containerMainContent {
	float:left;
	width:580px;
	margin:0px;
	padding:27px 0px 0px 30px;
	border-top:1px solid #ccc;
}

.containerContent3Column .containerRightContent {
	float:left;
	width:190px;
	margin:0px;
	padding:15px 0px 0px 0px;
	border-top:1px solid #ccc;
}

.containerContent3Column .containerRightContent img {
	margin:0px;
	padding:0px;
	white-space:none;
}

.containerContent2Column .containerMainContent {
	float:left;
	width:776px;
	margin:0px 0px 0px 0px;
	padding:27px 0px 0px 30px;
	background:url("/images/css/bg_maincontent.gif") no-repeat top left;
}

.containerContent1Column .containerMainContent {
	float:left;
	width:976px;
	margin:0px;
	padding:0px 0px 0px 27px;
}

/* Rows are used as wrappers to clearly split content within the HTML to solve floating issues */
.containerRow {
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	clear:left;
}

/* 2/3 width of content area block (approx) */ 
.containerContent1Column .containerStyle01 {
	width:660px;
	display:block;
	float:left;
}

/* 1/3 width of content area block (approx) */ 
.containerContent1Column .containerStyle02 {
	width:316px;
	display:block;
	float:left;
}

/* FULL width of content area block */ 
.containerContent1Column .containerStyle03 {
	float:left;
	width:971px;
	display:block;	
	padding-top:27px;/* Modified 13 July 07 (LB) */
}

/* 2/3 width of content area block (approx) */ 
.containerContent2Column .containerStyle01 {
	width:516px;
	display:block;
	float:left;	
}

/* 1/3 width of content area block (approx) */ 
.containerContent2Column .containerStyle02 {
	width:258px;
	display:block;
	float:left;	
}

/* FULL width of content area block on 2 col pages */ 
.containerContent2Column .containerStyle03 {
	width:776px;
	display:block;
	float:left;	
}

/* FULL width of content area block on 3 col pages */ 
.containerContent3Column .containerStyle03 {
	width:560px;
	display:block;
	float:left;	
}

/* 2 third width on homepage/landing page */
.containerStyle04 {
	float:left;
	width:640px;
	margin-right:20px;
}

/* used on merchandise page (not used?) */
.containerStyle05 {
	float:left;
	width:647px;
}

/* 2 third width of content area on News landing page */
.containerStyle06 {
	float:left;
	width:496px;
	margin-right:20px;
}

/* 1 third width on homepage/landing page */
.containerStyle07 {
	float:left;
	width:294px;	
}	

/* 1 third width of content area on News landing page */
.containerStyle08 {
	float:left;
	width:253px;	
}	

/* 1 third width (left column) on homepage */
.containerStyle09 {
	float:left;
	width:300px;
	margin-right:20px;
}	

/* 1 third width (central column) on homepage */
.containerStyle10 {
	float:left;
	width:320px;
	margin-right:20px;
}

/* used on merchandise page (not used?) 
.containerStyleExtLand {
	float:left;
	width:325px;
	margin-right:0px;
}

.containerStyleExtLand .extF1 {	
	background:url("../images/asset_ext_f1.jpg") no-repeat top left;
}

.containerStyleExtLand .extRugby {	
	background:url("../images/asset_ext_rugby.jpg") no-repeat top left;
}

.containerStyleExtLand .extGolf {	
	background:url("../images/asset_ext_golf.jpg") no-repeat top left;
}

.containerStylePortalWrapperExtLand {
	float:left;
	width:975px;
	background:url("/images/css/bg_ext_landingpage.gif") repeat-y top left;
}		
*/


/* PORTAL BOXES (WITH ADDITIONAL CLASSES FOR ROWS WITH LESS BOXES) */

/* Used to wrap portal blocks full row (4 blocks) */
.containerContent1Column .containerPortalWrapper {
	margin:0px 0px 5px;
	padding:0px;
	width:976px;
	background: url("../images/bg_portlets_4.gif") repeat-y top left;
	float:left;
}


.containerContent1Column .wrapper4Column {
	background: url("../images/bg_portlets_4.gif") repeat-y top left;
}

.containerContent1Column .wrapper3Column {
	background: url("../images/bg_portlets_4_3.gif") repeat-y top left;
}

.containerContent1Column .wrapper2Column {
	background: url("../images/bg_portlets_4_2.gif") repeat-y top left;
}

.containerContent1Column .wrapper1Column {
	background: url("../images/bg_portlets_4_1.gif") repeat-y top left;
}

.containerContent2Column .containerPortalWrapper,
.containerContent2Column .containerPortalWideWrapper {
	margin:0px 0px 5px;
	padding:0px;
	width:776px;	
	background: url("../images/bg_portlets_3.gif") repeat-y top left;
	float:left;
}



.containerContent2Column .wrapperWide3Column {
	background: url("../images/bg_portlets_3.gif") repeat-y top left!important;
}

.containerContent2Column .wrapperWide2Column {
	background: url("../images/bg_portlets_2.gif") repeat-y top left!important;
}

.containerContent2Column .wrapperWide1Column {
	background: url("../images/bg_portlets_2_1.gif") repeat-y top left!important;
}

.containerContent2Column .wrapper3Column {
	background: url("../images/bg_portlets_3.gif") repeat-y top left;
}

.containerContent2Column .wrapper2Column {
	background: url("../images/bg_portlets_3_2.gif") repeat-y top left;
}

.containerContent2Column .wrapper1Column {
	background: url("../images/bg_portlets_3_1.gif") repeat-y top left;
}

.containerContent2Column .contentStyleNews .containerPortalWrapper {
	background:url("../images/bg_portlets_news_3.gif") repeat-y bottom left;
}

.containerContent2Column .contentStyleNews .containerPortalWrapper .containerPortalInnerWrapper {
	background:url("../images/bg_portlets_news_head_3.gif") no-repeat top left;	
	padding-top:1px;
}

.containerContent2Column .containerPortalWideWrapper {
	margin:0px 0px 5px;
	padding:0px;
	width:776px;	
	background: url("../images/bg_portlets_2.gif") repeat-y top left;
	float:left;
}


.containerContent2Column .contentStyleNews .wrapper2Column {
	background:url("../images/bg_portlets_news_2.gif") repeat-y bottom left;
}

.containerContent2Column .contentStyleNews .wrapper2Column .containerPortalInnerWrapper {
	background:url("../images/bg_portlets_news_head_2.gif") no-repeat top left;	
}


.containerContent2Column .contentStyleNews .wrapper1Column {
	background:url("../images/bg_portlets_news_1.gif") repeat-y bottom left;
}

.containerContent2Column .contentStyleNews .wrapper1Column .containerPortalInnerWrapper {
	background:url("../images/bg_portlets_news_head_1.gif") no-repeat top left;	
	padding-top:1px;
}

/* Start Page footer styling */
.containerFooter {
	float:left;
	padding:4px 0px 0px 0px;
	margin:8px 0px 0px 27px;
	border-top:1px solid #ccc;
	display:inline;
	width:972px;
}



.containerFooter span {
	float:right;
	font-size:62%;
	margin:0px;
	padding:0px;
}
/* End Page footer styling */