/*=========Main Layout=========*/

#iewrap {min-width:775px; max-width:1100px;}

#header{    
    padding: 0;
    margin: 7px 10px 0 10px;
    min-height: 103px;
    }

#mainwrap {
    margin:0;
    padding: 0;
    margin: 0pt 10px 0px 10px;
    }

#wrap1 {
    float: right; 
    width: 100%;
    margin: 0 0 0 -269px;
    padding: 0;
    }

#wrap2 {
    width: 100%; 
    float: left;
    margin: 0 -200px 0 0;
    padding: 0;
    }

#content{
    margin: -1px 185px 0pt 220px;
    padding: 0px;

    }
	
#content-wide{
    margin: -1px 0px 0pt 0px;
    padding: 0px;
    position: relative;
    }
	
#content-wide-2col{
    margin: -1px 0px 0pt 220px;
    padding: 0px;
    position: relative;
    }

#related {
    width: 175px;
    margin-left:10px;
    float: right;
    margin-bottom: 0;
    padding: 0;
    }

#navigation {
    float:left;
    width: 245px;
    font-size: 105%;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    }
    
#footer {
    clear: both;
    padding: 5px;
    margin:0 10px;
    }

/*layout setup for different types of page
.index #content {margin: -1px 0px 0 209px;}*/

#navigation {width:220px;}


/*seperates content, navigation and related links for the inner header
.index #content {margin-top:15px;}*/
.portal #content {margin-top:12px;}
.index #content {margin-top:12px;}


.index #header {margin-bottom:12px;}/*the image height 127px plus the 15px gap required*/
.portal #navigation {margin-top:134px;}/*the image height 120px plus the 12px gap required*/
.index #navigation {margin-top:134px;}/*the image height 120px plus the 12px gap required*/
.microsite-fc #navigation {margin-top:10px;}

/*.index #navigation ul.navigation-list {margin-top:-5px}*/
.portal #navigation ul.navigation-list {margin-top:-5px}
.index #navigation ul.navigation-list {margin-top:-5px}

/*=======Wide layout========*/

.portal .wide #content-header {margin-right:0}
.portal .wide #content {margin:15px 0 0 220px;}
.index .wide #content-header {margin-right:0}
.index .wide #content {margin:15px 0 0 210px;}

.wide #wrap2 {margin: 0;}
.wide #content {margin: 0 0 0 220px;}
.wide #related {display: none;}


/*========within page layouts e.g columns =====*/

.alignleft {float: left; margin: 5px 10px 10px 0;}
.alignright {float: right; margin: 5px 0 10px 10px;}
.centered {display: block; margin: 0 auto; padding: 10px 0; text-align:center;}

/*#content .two-col-wrapper {margin-bottom: 15px;}*/

.two-col1 {
    float: left;
    width: 49.5%;
    margin-bottom: 15px;
}

.two-col2 {
    float: right;
    width: 49.4%;
    margin-bottom: 15px;
}

#footer .two-col2 {width: 35%;border-left:2px solid #E6E6E6; padding-left:1.5%;}
#footer .two-col1 {width: 60%;}

#footer .two-col1 img, #footer .two-col2 img {vertical-align:middle; margin-right:5px; margin-bottom:8px;float:left}
#footer .two-col2 img {vertical-align:middle; margin-right:5px}

div.alignright {
    width: 45%;
    float:right;
    clear: both;
    margin-left: 10px;
}

div.alignleft {
    width: 45%;
    float:left;
    clear: both;
    margin-right: 10px;
}

/*======== form styles ========*/

fieldset {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0.5em 10px;
    }
    
fieldset p {
    margin-top: 1em;
    }

legend {
    padding: 4px 8px 4px 4px;
    margin: 0 0 0.5em -10px;
    width: 100%;
    float: left;
    }
   
/*=======form fields and labels=========*/

#content label, .form p, #content input, #content select, #content textarea, .form .long-label {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    }
    
.form label {
    font-weight: bold;
    padding-right: 10px;
	padding-left: 10px;
    width: 8em;
    float: left;
    text-align: right;
    }

/*======== rows ========*/

.form .row {
    width: 100%;
    margin: 3px 0;
    clear: left;
    }

.form .wide-row {
    float: left;
    clear: left;
    padding-left: 8em;
    margin: 3px 0 10px 0;
    }

.form .submit-row {
    text-align: left;
    padding-right: 10px
    }
    
.form .narrow-row {
    clear: both;
    margin: 5px 0;
    }

/*======= wide rows ======= */

#content form .wide-row label {
    width: auto;
    margin-left: -8em; 
    display: block;
    text-align: left;
    }

#content .form .wide-row input {
    margin: 0 5px 0 0;
    padding: 0;
    }
          
.form .wide-row textarea, .form .wide-row input, .form.wide-row select {
    float: left;
    clear: left;
    margin-left: 10px;
    } 
    
.form .wide-row textarea, .form .wide-row select {
    padding: 0;
    margin-left: 10px;
    }

/*====smaller input fields e.g. checkboxes and radio buttons====*/

#content .form .small input {
    margin-right: 5px;
    margin-top: 1px;
    padding: 0;
    }

.form .narrow-row label {width: auto;}
    
.form .narrow-row input {margin-left: 0;}


/*=======rows with long labels========*/

.form .long-label label, .form .long-label .error {
    margin-left: 0.8em !important;
    }    
    
#content .form .long-label input {
    margin-right:7px;
    margin-left: 0;
    }
    
/*=======Medium size labels if needed========*/

.form .medium label {width: 10em;}

/*====Error styling====*/

.row .error {margin: 2px 0 2px 8.8em;}

.wide-row .error {
    margin: 2px 0 2px -8em;
    padding: 0;
    }


/*=== Rounded Corners ===*/

.rounded {position: relative; margin: 0; padding: 1px; /* padding to stop margin collapsing in standards-based browsers */}


/*=== Rounded Corners for Home nav item ===*/
.nav-home {
	position:relative;
}
.nav-home .ne {background-image: url(/images/rbkc/nav-cnr-ne-chev.png);height:22px; width:24px; right:-2px;}

 .nw, .ne, .sw, .se, .chevron {
    position: absolute;
    margin: 0;
    font-size: 1px;
    height: 7px;
    width: 7px;
    overflow: hidden;
    padding: 0;
    background-repeat:no-repeat
    }

.nw {top: 0; left: 0;}
.ne, .chevron {top: 0; right: 0;}
.sw {left: 0; bottom: 0;}
.se {right: 0; bottom: 0;}

.nw {background-image: url(/images/rbkc/nav-cnr-nw.png);}
.ne, .chevron {background-image: url(/images/rbkc/nav-cnr-ne.png);}
.sw {background-image: url(/images/rbkc/nav-cnr-sw.png);}
.se {background-image: url(/images/rbkc/nav-cnr-se.png);}


/*navigation specfic*/

/*#navigation .se {height:4px; width:7px;}
#navigation .ne {height:22px; width:23px; right:-17px;}*/

/*third level nav set to display:none*/
#navigation ul ul ul .nw, #navigation ul ul ul .ne, #navigation ul ul ul .sw, #navigation ul ul ul .se {display:none;}

/*do-it-online and see-also list specfic*/

/*#navigation .see-also-list .se, #related .do-it-online-list .se {height:4px; width:7px;}
#navigation .see-also-list .ne, #related .do-it-online-list .ne {height:22px; width:23px;}*/

#navigation .see-also-list .nw, .do-it-online-list .nw {background-image: url(/images/rbkc/nav-cnr-nw2.png); top: 0; left: 0;}
#navigation .see-also-list .ne, .do-it-online-list .ne {/*background-image: url(/images/rbkc/nav-cnr-ne2.png); */top:0px; right: -2px;}
#navigation .see-also-list .chevron {background-image:url(/images/rbkc/nav-cnr-ne-chev.png); height:22px;right:-2px; width:24px;}
#navigation .see-also-list .sw, .do-it-online-list .sw {background-image: url(/images/rbkc/nav-cnr-sw2.png); left: 0; bottom: -2px;}
#navigation .see-also-list .se, .do-it-online-list .se {background-image: url(/images/rbkc/nav-cnr-se2.png); right: -2px; bottom: -2px;}

/*header form submit button*/
#searchbox.form .nw, #searchbox.form .ne, #searchbox.form .sw, #searchbox.form.se {height:5px; width:5px}

#searchbox.form .nw {top: -1px; left: 1px;}
#searchbox.form .ne {top: -1px; right: 5px;}
#searchbox.form .sw {left: 1px; bottom: -1px;}
#searchbox.form .se {right: 5px; bottom: -1px;}

/*header form submit button for each section colour*/
.index #searchbox.form .nw, .jobs #searchbox.form .nw {background-image: url(/images/rbkc/cnr-button-blue-nw.gif);}
.index #searchbox.form .ne, .jobs #searchbox.form .ne {background-image: url(/images/rbkc/cnr-button-blue-ne.gif);}
.index #searchbox.form .sw, .jobs #searchbox.form .sw {background-image: url(/images/rbkc/cnr-button-blue-sw.gif);}
.index #searchbox.form .se, .jobs #searchbox.form .se {background-image: url(/images/rbkc/cnr-button-blue-se.gif);}

.environment #searchbox.form .nw {background-image: url(/images/rbkc/cnr-button-green-nw.gif);}
.environment #searchbox.form .ne {background-image: url(/images/rbkc/cnr-button-green-ne.gif);}
.environment #searchbox.form .sw {background-image: url(/images/rbkc/cnr-button-green-sw.gif);}
.environment #searchbox.form .se {background-image: url(/images/rbkc/cnr-button-green-se.gif);}


/*content form submit button*/
#content .form .nw {background-image: url(/images/rbkc/cnr-button2-nw.gif); top: -6px; left: 1px;}
#content .form .ne {background-image: url(/images/rbkc/cnr-button2-ne.gif); top: -6px; right: 1px;}
#content .form .sw {background-image: url(/images/rbkc/cnr-button2-sw.gif); left: 1px; bottom: 2px;}
#content .form .se {background-image: url(/images/rbkc/cnr-button2-se.gif); right: 1px; bottom: 2px;}



/*MICROSITES*/
/*Added by Andy Smith 1/10/2009*/
.microsite_header {
	height:  60px !important; /*For IE*/
	min-height: 60px !important; /*For Firefox */
	border-bottom: 2px solid #6891D0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* Content hot boxes*/
.hotbox-left {
	float:left;
	width:29%;
	border:2px solid #E6E6E6;
	padding:8px;
	margin:0px;
}

.hotbox{
	float:left;
	width:29%;
	border:2px solid #E6E6E6;
	padding:8px;
	margin-left:1%;
}

.hotbox img, .hotbox-left img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* image and text floats */
.imagebox-left {
	float:left;
	padding:0px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
    width:25%;
}

.imagetxtbox-left {
	float:left;
	width:60%;
	padding:0px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
}