form *, * /* set all margins and padding to 0 so that they can be styled up accordingly, ensures all browsers use the same margins and padding */
{
    margin:0;
    padding:0;}

html
{
    font-size:100%; /* required by IE */
    height: 100%; /* ensures that scollbar is always displayed */
    margin-bottom: 1px; /* ensures that scollbar is always displayed */}

body, input, textarea, select
{
    font-family:helvetica, verdana, arial, sans-serif;}

body
{
    background-color:#FFFFFF;
    text-align: center; /*centrally aligns the page */
    padding:10px;}

h1, h2, h3, h4, p, li, form, table, th, td
{
    color:#FFFFFF;
    text-decoration:none;
	z-index:1000;}

h1, h2, h3, h4
{
    font-weight:bold;}

h2, h3, h4, p
{
    padding: 0.2em 0 1em 0;}

h1
{
    font-size:120%;
    margin:0px 0px 0.8em 0px;}

h2
{
    font-size:120%;}

h3
{
    font-size:110%;}

h4
{
    font-size:100%;}

p, li, th, td, form, .maptxt
{
    font-size:70%; /* used in this case to make website text smaller */}

p
{
    text-align:justify;}

ul
{
    margin:0px 0px 0.8em 15px; /* add space below list and vertically aligns bullet point with edge of text */}

li
{
    }

a:link, a:visited
{
	text-decoration:none;
	cursor: pointer;}

a:hover
{
	text-decoration: underline;}

img
{
    border:0px;}

input, label, textarea, select
{
    margin-bottom:7px;}

table, th, td
{
    text-align:left;}

th
{
    }

td
{
    }

/* overall screen css */

#full
{
    position:relative; /* enables absolute positioning (of mandatory *) to reference from this element*/
    max-width:760px; /* required to centralise page in all browsers */
    width:760px; /* required to centralise page in all browsers */
    text-align:left; /* set to left initially and then overwrite as required with centre, right or justify */
    margin:auto; /* centralise page */
    border:solid 1px #808080;
	padding:10px 10px 10px 10px;
}

#outer_white
{

}

#skiptocontent
{
    display:none; /* display skip to content link only available to those not using css */}

/* menu side css */

#menu
{
    overflow:hidden;
    display:inline-block;

    width:160px; /* reduced to allow menu to display correctly in all browsers - i.e. allow for border handling by different IE versions */
    float:right;
    text-align:right;}

#menu_container
{
    margin-right:20px;}

#rpl_logo
{
    margin-top:30px;}

#menu_options
{
    margin-top:20px;}

li.menuitem
{
    list-style-type:none;
    list-style-image:none;
    padding-top:0.6em;
    padding-bottom:0.6em;
    font-weight:bold;}

a.selected, a:link.selected, a:hover.selected, a:hover.unselected, a.maplink, a:link.maplink, a:hover.maplink, #directions a, #directions a:link, #directions a:hover, #directions a:visited
{
    color:#6EBB1F!important;}

a:link.unselected, a:visited.unselected, .maptxt, .mapheading, #directions *
{
    color:#071040;}

/* content side css */

#page
{
    overflow:hidden;
    display:inline-block;

    width:575px;
    float:right;
    border:solid 1px #9ED89D;
/*	background-image:url("http://www.freshcreative.uk.com/images/tape.gif");*/
}

#white_border
{
	padding:7.5px 7.5px 7.5px 7.5px;
}

/* banner image css */

.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7
{
	width:560px;
	height:80px;}

.banner1
{
	background-image:url("../images/banners/contract_manufacturing.jpg");}

.banner2
{
	background-image:url("../images/banners/encapsulation.jpg");}

.banner3
{
	background-image:url("../images/banners/manufacturing.jpg");}

.banner4
{
	background-image:url("../images/banners/packaging_design.jpg");}

.banner5
{
	background-image:url("../images/banners/tablet_machinery.jpg");}

.banner6
{
	background-image:url("../images/banners/tablet_manufacturing.jpg");}

.banner7
{
	background-image:url("../images/banners/tabletting.jpg");}

/* main content area css */

#content
{
    width:560px;}

#home_title
{
	background-image:url("../images/misc/quality_manufacture.gif");}

#info
{
    margin-top:5px;
    background-color:#071040;
    padding:25px 30px 60px 60px;
	background-image:url("../images/misc/rpl_leaf_icon.gif");
    background-position: bottom right;
	background-repeat: no-repeat;
}

#opening_msg
{
    float:right;
    text-align:left;
    margin-bottom:1.5em;}

#main_content
{
    margin-right:70px;
	border:1px solid #071040; /* prevents a bug in IE6 and IE7 that leaves a 60px white area below the dark blue info area */
}

/* 2-column css */

.left_two, .right_two
{
    overflow:hidden;
    display:inline-block;
    float:left;}

.left_two
{
    width:10em;}

/* form css */

.enquiry_title
{
    position:relative;
    z-index:500;
}

.buttons
{
    margin-left:0px; /* margin zero not transferred through to buttons so div applied and set to zero */}

.label, .field
{
    margin-bottom:1em; /* space form fields out vertically */}

.field
{
    overflow:auto; /* allows browsers to display scrollbars after applying overflow:hidden */}

.fieldwidth
{
    width:250px; /* input box width */}

.mandatory
{
    color:#6EBB1F;}

#main_content a
{
	color:#FFFFFF;
	text-decoration:underline!important;}

#main_content a.map
{
	color:#071040;
	text-decoration:underline!important;}