html {overflow-y: scroll;}

* { margin: 0; padding: 0; }

body {
	background-image: url(gfx/background.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	font: 11px Arial, Verdana,  Helvetica, sans-serif;
	color: #585858;
	margin: 0px;
	text-align: center;
}

img {
	border: 0;	
}

div.rhs_button {
	margin:10px 0 10px 0;
	text-align:center;
	padding:10px 5px 10px 5px;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:0 2px 2px 0;
}

h1 {
   /*
   background: url(gfx/grey_line.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
   margin-bottom: 15px;
   padding-bottom: 35px;		
   padding-top: 10px;
   */
   margin-bottom: 0px;
   padding-bottom: 15px;
   font-size: 18px;
   font-weight: lighter;
   color: #d70020;	
   padding-top: 0px;
   text-transform: uppercase;
}

h1.no_shadow {
   background-image: none;	
   margin-bottom: 0px;
   padding-bottom: 15px;
}

.bigger_header {
	font-weight: bolder;
}

h2 {
   font-size: 18px;
   font-weight: lighter;
   color: #d70020;	
}

p {
   margin-bottom: 10px;
}

.red {
   color: #d70020;	
}

.grey {
   color: #afafaf;	
}

.black {
   color: #585858 !important;
}

.bold {
  font-weight: bold;	
}

.dark_grey {
   color: #8a8a8a;	
}

.bigger {
   font-size: 15px;	
}

.normal {
   font-weight: normal !important;	
}

.border {
   font-weight: bold;	
}

.no_border {
  font-weight: normal !important;	
}

.italic {
   font-style: italic;	
}

.ul_left {
   float: left;	
   width: 48%;
}

.ul_right {
   float: right;
   width: 49%;
}

.right {
   float: right;	
}

.center {
   margin: 0 auto;	
}

.clear {
   clear: both;	
}

.margin_left_text {
   margin-left: 35px;	
}

.margin_img_left {
   margin-left: 10px;	
}

.margin_img_top {
   margin-top: 15px;	
}

.text_center {
  	text-align: center;
}

.grey_line {
   background: url(gfx/grey_line.jpg);
   background-repeat: no-repeat;	
   width: 410px;
   height: 16px;
   margin-bottom: 15px;
}

.btn_find_out_more {
   margin-right: 20px;
   float: right;	
}

.btn_submit {
   margin-left: 5px;
   margin-top: 5px;	
}

.btn_contact_us_to_find_out_more {
   float: right;	
   padding-right: 15px;
   margin-top: 15px;
}

.more_line_space {
  line-height: 7px;	
}

.btn_click_here_home {
   margin-top: 7px;	
}

img.btn_click_here {
   vertical-align:middle;
   margin-left: 10px;
   margin-right: 10px;	
}

.grey_big_line_margin {
   clear: both;
   padding-top: 20px;	
}

.container_box_for_img {
  padding-top: 33px;
  padding-left: 15px;
  background-image: url(gfx/box_top.gif);
  background-repeat: no-repeat;	
}

.container_box_for_img_background_bottom {
  padding-bottom: 30px;	
  background-image: url(gfx/box_bottom.gif);
  background-repeat: no-repeat;	
  background-position: bottom right;
  margin-bottom: 30px;	
}

.container_box_for_text {
  padding-top: 33px;
  padding-left: 15px;
  padding-right: 15px;
  background-image: url(gfx/box_top.gif);
  background-repeat: no-repeat;	
}

.container_box_for_text_long {
  padding-top: 33px;
  padding-left: 15px;
  background-image: url(gfx/box_top_long.jpg);
  background-repeat: no-repeat;	
}

.container_box_for_text_background_bottom {
  padding-bottom: 20px;	
  background-image: url(gfx/box_bottom.gif);
  background-repeat: no-repeat;	
  background-position: bottom right;
  margin-bottom: 10px;	
}
.container_box_for_text_bottom {
  padding-bottom: 20px;	
  background-image: url(gfx/box_bottom.gif);
  background-repeat: no-repeat;	
  background-position: bottom right;
  margin-bottom: 10px;	
}
.container_box_for_text_bottom_long {
  padding-bottom: 20px;	
  background-image: url(gfx/box_bottom_long.jpg);
  background-repeat: no-repeat;	
  background-position: bottom right;
  margin-bottom: 10px;	
}

.table_border_separator {
   border-top: #b6b5b5 solid 1px;
   height:2px;
   margin-top: 8px;

}

.table_border_separator_2 {
   border-top: #b6b5b5 solid 1px;
   height:2px;
   margin-bottom: 8px;	
}

.table_grey_background {
   background-color: #ebebeb;
   border-top: #858585 solid 1px; 
   border-bottom: #858585 solid 1px; 
   height: 35px;
   padding: 5px;
   padding-top: 10px;	
   margin-bottom: 8px;
}

.td_more_height {
   	margin-bottom: 10px;
}

/* forms ---------------------------------------------------- */

.input2, 
.input3,
.input4,
.input5,
.input_long,
.textarea,
.textarea_small,
.checkbox,
#machines_container input {
   border: #c4c4c4 solid 1px;	
}

.input2:focus,
.input3:focus,
.input4:focus,
.input5:focus,
.input_long:focus,
.textarea:focus,
.textarea_small:focus,
.checkbox:focus,
#machines_container input:focus {
   border: #F00 solid 1px;	
   background: #f6f6f6;
}

#machines_container input {
	display: block;
	width: 150px;
}

#machines_container div {
   margin-right: 5px;
   float: left;
   padding-top: 3px;
}


.input2 {
   width: 170px;   	
}

.input4 {
   width: 50px;	
}

.input5 {
   width: 150px;
   margin-right: 10px;
   margin-bottom: 5px;	
}


.input_description {
  text-align: left;
  padding-top: 1px;
}

.textarea_description {
   margin-top: 5px;
   margin-bottom: 5px;	
}


.textarea {
  width: 400px;	
  height: 150px;
}

.input_long {
   width: 400px;   	
}

.textarea_small {
  width: 400px;	
  height: 100px;
}

.checkbox {
  border: 0;	
  margin-right: 10px;	
}


#button_container_toner_ordering {
   padding-top: 20px;
   padding-left: 121px;	
}

#button_container_peninsula_online {
   padding-top: 20px;
   padding-left: 0px;	
}

#button_container_meter_readings {
   padding-top: 10px;	
   clear: right;
}

.buttons {
    border: #888888 solid 1px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	background-color: #fff;
	margin-right: 5px;
}

#button_peninsula_online {
   width: 150px;	
}

#add_machine {	
   padding-right: 73px;
   padding-bottom: 30px;
   padding-top: 20px;
   float: right;
   clear: both;   
}

#machine_break_float {
   margin: 0px;
   padding: 0px;	
   width: 90%;
   height: 1px;
}

/* top menu ---------------------------------------------------- */

#menu_top {
   margin: 0px;
   padding: 0px;	
   margin-top: 15px;
   padding-right: 5px;	
   float: left;
   z-index: 100;
}

#menu_list_top a, 
#menu_list_top p,
#menu_list_top span {
   cursor: pointer;	
}

#menu_top_shadows {	
  margin: 0px;
  padding: 0px;
  float: right; 
  padding-right: 5px;
  width: 730px; 
  z-index: 100;
  display: none;
}

.menu_top_shadow {
   background-image: url(gfx/top_menu_shadow.png);
   background-repeat: no-repeat;  
   width: 140px;
   height: 6px;	
   padding-left: 5px;
   float: right;	
   z-index: 100;
}
	
	
/* hack to correct IE5.5 faulty box model */
* html #menu_list_top {
	float: left;
	height: 23px;
	z-index: 100;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu_list_top ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 100;
}

#menu_list_top ul ul {
	width:183px;
	z-index: 100;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu_list_top li {
	float:left;
	width:145px;
	position:relative;
	background-image: url(gfx/top_red_button.png);
	background-repeat: no-repeat;
	z-index: 100;
}

#menu_list_top li a.top_parent_current {
	background-image: url(gfx/top_black_down_button.png);
	background-repeat: no-repeat;
	z-index: 100;
}

/* style the links for the top level */
#menu_list_top a, #menu_list_top a:visited {
	font: 10px Arial, Verdana,  Helvetica, sans-serif;
	display:block;
	font-size:10px;
	text-decoration:none;
	text-align: left;
	color:#fff;
	width:140px;
	height:23px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#menu_list_top span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 14px;
	top: 5px;
	z-index: 100;
}

.sub_link_top {
 	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 8px;
	top: 5px;	
	width: 170px;
	z-index: 100;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_list_top a, * html #menu_list_top a:visited {
	width:140px;
	z-index: 100;
}

/* style the second level background */
#menu_list_top ul ul a.drop, #menu_list_top ul ul a.drop:visited {
	border: #f00 solid 1px;
	z-index: 100;
}

/* style the third level background */
#menu_list_top ul ul ul a, #menu_list_top ul ul ul a:visited {
	background:#2390cb;
	z-index: 100;
}

/* style the third level hover */
#menu_list_top ul ul ul a:hover {
	background:#034b8b;
	z-index: 100;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_list_top ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:23px;
	left: 0;
	z-index: 100;
}

/* another hack for IE5.5 */
* html #menu_list_top ul ul {
	top:23px;
	z-index: 100;
}

/* position the third level flyout menu */
#menu_list_top ul ul ul{
	left:183px;
	top:0px;
	width:183px;
	z-index: 100;
}

/* position the third level flyout menu */
#menu_list_top ul ul ul li {
	z-index: 100;
}

/* position the third level flyout menu for a left flyout */
#menu_list_top ul ul ul.left {
	left:-183px;
	z-index: 100;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_list_top table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	z-index: 100;
}

/* style the second level links */
#menu_list_top ul ul a, #menu_list_top ul ul a:visited,
#menu_list_top ul ul ul a, #menu_list_top ul ul ul a:visited {
	background-image: url(gfx/submenu_background.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: normal;
	color:#000;
	height: 21px;
	width:183px;
	z-index: 100;
	text-align: left;	
}

/* yet another hack for IE5.5 */
* html #menu_list_top ul ul a, * html #menu_list_top ul ul a:visited {
	z-index: 100;
}

/* style the top level hover */
#menu_list_top a:hover {
	color:#fff;
    background: url(gfx/top_black_rollover_button.png) no-repeat;
    width: 140px;
    z-index: 100;
}

#menu_list_top :hover > a {
	color:#fff;
	background: url(gfx/top_black_rollover_button.png) no-repeat;
	z-index: 100;
}

#menu_list_top ul ul :hover > a {
	color: #000;
	background: url(gfx/submenu_background.jpg) no-repeat;
	z-index: 100;
}

#menu_list_top ul ul ul :hover > a {
	background-color: #000;
	background-image: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 183px;
	z-index: 100;
}

#menu_list_top ul ul a:hover, #menu_list_top ul ul ul a:hover {
	background-color: #000;
	background-image: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 183px;
	z-index: 100;
}

/* make the second level visible when hover on first level list OR link */
#menu_list_top ul li:hover ul,
#menu_list_top ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu_list_top ul :hover ul ul{
	visibility:hidden;
}
/* keep the forth level hidden when you hover on first level list OR link */
#menu_list_top ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu_list_top ul :hover ul :hover ul{
	visibility:visible;
}
/* make the forth level visible when you hover over second level list OR link */
#menu_list_top ul :hover ul :hover ul :hover ul{
	visibility:visible;
}



/* left menu --------------------------------------------------- */

#column_left{
  	margin-top: 60px;
  	z-index: 100;
}	
		
/* hack to correct IE5.5 faulty box model */
* html #menu_list_left {
	float: left;
	height: 27px;
	z-index: 100;
}

#menu_list_left a, 
#menu_list_left p,
#menu_list_left span {
   cursor: pointer;	
}


/* remove all the bullets, borders and padding from the default list styling */
#menu_list_left ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 100;
}

#menu_list_left ul ul {
	width:183px;
	z-index: 100;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu_list_left li {
	float:left;
	width:156px;
	position:relative;
	background-image: url(gfx/left_menu_button.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

#menu_list_left li a.top_parent_current {
	background-image: url(gfx/left_menu_button_active.jpg);
	background-repeat: no-repeat;
	z-index: 100;
}

/* style the links for the top level */
#menu_list_left a, #menu_list_left a:visited {
	font: 9px Arial, Verdana,  Helvetica, sans-serif;
	font-weight: bold;
	display:block;
	text-decoration:none;
	text-align: left;
	color:#fff;
	width:156px;
	height:27px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#menu_list_left span {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 5px;
	top: 6px;
	z-index: 100;
}

.sub_link_left {
 	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 8px;
	top: 5px;	
	z-index: 100;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu_list_left a, * html #menu_list_left a:visited {
	width:156px;
	z-index: 100;
}

/* style the second level background */
#menu_list_left ul ul a.drop, #menu_list_left ul ul a.drop:visited {
	z-index: 100;
}

/* style the third level background */
#menu_list_left ul ul ul a, #menu_list_left ul ul ul a:visited {
	background:#2390cb;
	z-index: 100;
}

/* style the third level hover */
#menu_list_left ul ul ul a:hover {
	background:#034b8b;
	z-index: 100;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu_list_left ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top: 0px;
	left: 156px;
	z-index: 100;
}

/* another hack for IE5.5 */
* html #menu_list_left ul ul {
	top:0px;
	z-index: 100;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu_list_left table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	z-index: 100;
}

/* style the second level links */
#menu_list_left ul ul a, #menu_list_left ul ul a:visited {
	background-image: url(gfx/submenu_background.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: normal;
	color:#000;
	height: 21px;
	width:168px;
	padding-left: 20px;
	text-align: left;	
	z-index: 100;
}

/* yet another hack for IE5.5 */
* html #menu_list_left ul ul a, * html #menu_list_left ul ul a:visited {
	width:183px;
	z-index: 100;
}

/* style the top level hover */
#menu_list_left a:hover {
	color:#fff;
    background: url(gfx/left_menu_button_active.jpg) no-repeat;
    width: 156px;
    z-index: 100;
}

#menu_list_left :hover > a {
	color:#fff;
	background: url(gfx/left_menu_button_active.jpg) no-repeat;
	z-index: 100;
}

#menu_list_left ul ul ul :hover > a {
	background-color: #000;
	background-image: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 183px;
	z-index: 100;
}

#menu_list_left ul ul a:hover, #menu_list_left ul ul ul a:hover {
	background-color: #000;
	background-image: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 183px;
	z-index: 100;
}

/* make the second level visible when hover on first level list OR link */
#menu_list_left ul li:hover ul,
#menu_list_left ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#menu_list_left ul :hover ul ul{
	visibility:hidden;
}
/* keep the forth level hidden when you hover on first level list OR link */
#menu_list_left ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu_list_left ul :hover ul :hover ul{
	visibility:visible;
}
/* make the forth level visible when you hover over second level list OR link */
#menu_list_left ul :hover ul :hover ul :hover ul{
	visibility:visible;
}



/* divs -------------------------------------------------------- */

#container {
	width: 900px;
	text-align: left;
	margin: 0px auto;
	background-image: url(gfx/content_shadow.png);
	background-repeat: no-repeat;
	background-position: 156px 156px;
}

#top {
   	height: 112px;
}

#top_logo {
	float: left; 
    margin-left: 15px;
    margin-top: 10px;
}

#banner_flash {
   float: right;
   width: 600px;
   height: 122px;
}

#banner_flash img {
   float: right;	
}

#content_column_left {
	float: left;
	width: 430px;	
}

#content_column_right {
   float: right;
   width: 250px;	
}


.container_box {
   /*
   background: url(gfx/box_top.gif);
   background-repeat: no-repeat;	
   padding-top: 20px;
   border: #fff solid 1px;
   */
   padding-left: 15px;
   padding-right: 12px;	
}

.container_box_2 {
   background: url(gfx/box_top_2.gif);
   background-repeat: no-repeat;	
   padding-top: 20px;
   padding-left: 15px;
   padding-right: 12px;	
   border: #fff solid 1px;
}

.container_box h1 {
   background-image: none;
   padding-bottom: 0px;	
}

.container_bottom {
   background: url(gfx/box_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom;	
   margin-bottom: 20px;
   padding-bottom: 7px;
   width: 249px;
   height: 30px;	
}

.container_bottom_2 {
   background: url(gfx/box_bottom_2.gif);
   background-repeat: no-repeat;
   background-position: bottom;	
   margin-bottom: 20px;
   padding-bottom: 7px;
   width: 307px;
   height: 32px;	
}

.container_bottom_press_releases {
   background: url(gfx/box_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom;	
   margin-bottom: 20px;
   padding-bottom: 7px;
   width: 249px;
   height: 50px;	
}

#column_left {
   float: left;
   width: 160px;
   height: 480px;		
}

#column_right {
   float: left;
   width: 740px;
}

#content {
	clear: both;
	padding: 20px;
}

#content li {
   list-style: none;
   background-image: url(gfx/li.jpg);
   background-repeat: no-repeat;	
   padding-left: 30px;
   margin-bottom: 10px; 
}

#content a {
   color: #d70020;
   text-decoration: none;
   font-weight: bold;	
}

.content_bottom {
   clear: both;
   margin-top: 30px;	
}

.content_bottom_2 {
   clear: both;	
}

#footer {
   clear: both;	
   height: 33px;
   width: 739px;
   background-image: url(gfx/footer_background.gif);
   background-repeat: no-repeat;
   color: #fff;
   font-size: 10px;
   padding-top: 37px;
   padding-left: 15px;
   float: right;
}

#footer span {
   color: #000;
   font-weight: bold;
}

#footer a {
   color: #fff;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

.header_li {
	padding-left: 24px;
	background-image: url(FCKfiles/Image/big_li.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
}

.header_li h1 {
   margin: 0px;
   padding: 0px;
}

/* press release page ------------------------------------------------- */

.press_item {	
   clear: left;
}

.press_releases_date {
	float: left;
	width: 100px;
	height: 20px;
	color: #d70020;
	font-size: 14px;
	text-transform: uppercase;
}

.press_releases_desc {
   float: left;	
   width: 400px;
}

/* office print page ------------------------------------------------- */

.office_print_item, 
.office_print_item_last {	
   background-image: url("FCKfiles/Image/li.jpg");	
   background-repeat: no-repeat;
   background-position: 0px 20px;
   float: left;	
   width: 222px;
   margin-right: 16px;	
}

.office_print_item_last {
   margin-right: 0px;	
}

.office_print_item_desc {
	position: relative;
	height: 40px;
}

.office_print_item_desc p {
   position: absolute;
   padding: 0;
   margin: 0;
   bottom: 4px;
   left: 35px;	
}

.office_print_desc_bottom_left {
   margin-top: 10px;	
   clear: both;
   float: left;	
   width: 400px;		
}

.office_print_desc_bottom_right {
   margin-top: 10px;	
   float: right;	
   width: 224px;
}

/* print_audit page ------------------------------------------------- */

#cube_box {
   float: right;
   margin-top: 60px;	
   margin-right: 30px;
}

/* environment page ------------------------------------------------- */

#environment_steps {
    margin-top: 60px;
    z-index: 2;
}

#environment_steps p {
	text-align: center;
}

#environment_background {
    position: relative; 	
    display: block;
    background-image: url(FCKfiles/Image/environment_background.jpg);
    background-repeat: no-repeat;	
    width: 256px;
    height: 718px;
    z-index: 2;	
}

#environment_background_step_1,
#environment_background_step_2,
#environment_background_step_3,
#environment_background_step_4,
#environment_background_step_5 {
    position: absolute;
    left: 20px;
    width: 215px;
}

#environment_background_step_1 h2,
#environment_background_step_2 h2,
#environment_background_step_3 h2,
#environment_background_step_4 h2,
#environment_background_step_5 h2 {
   	text-align: center;
   	margin-bottom: 10px;
   	margin-top: 5px;
}

#environment_background_step_1 p,
#environment_background_step_2 p,
#environment_background_step_3 p,
#environment_background_step_4 p,
#environment_background_step_5 p {
    text-align: justify;	
}

#environment_background_step_1 {
	top: 50px;
}

#environment_background_step_2 {
	top: 192px;
}

#environment_background_step_3 {
	top: 322px;
}

#environment_background_step_4 {
	top: 448px;
}

#environment_background_step_5 {
	bottom: 37px;
}

/* changing page ------------------------------------------------- */

#changing a {
   font-weight: normal !important;	
}

#changing a:hover {
   text-decoration: underline;
}

/* today page ------------------------------------------------- */

#content_small_column_left {
	width: 250px;
	float: left;
}

#content_small_column_right {
	float: right;
	width: 391px;
	margin-right: 20px;
}

/* yesterday page ------------------------------------------- */

#yesterday_background {
   position: relative;	
   background-image: url(FCKfiles/Image/yesterday_background.jpg);
   background-repeat: no-repeat;	
   width: 687px;
   height: 401px;
}

#yesterday_box_1,
#yesterday_box_2,
#yesterday_box_3 {
   background-image: url(FCKfiles/Image/big_li.jpg);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   position: absolute;	
   width: 210px;	
}
  
#yesterday_box_1 {  
   left: 20px;
   top: 25px;	
}

#yesterday_box_2 {
  left: 20px;
  top: 233px;	
}

#yesterday_box_3 {
  left: 310px;
  top: 290px;
}

#yesterday_box_1 h1,
#yesterday_box_2 h1,
#yesterday_box_3 h1 {
   background-image: none;	
   margin: 0px;
   padding: 0px;
   margin-bottom: 5px;
   padding-left: 24px;
}

/* contact page ------------------------------------------------- */

.google_map {
   float: right;
   width: 445px;
}