@charset "utf-8";
/* CSS for CPM Ltd at cpm.co.uk
Contains main styling for entire site
Copyright CPM Ltd 2008 */

/* Generic Redefined HTML tags */
* {margin:0;padding:0;border:0;}
html {font-size: 62.5%;}
body {font-family: Helvetica Neue, helvetica, arial, sans-serif; color:#000000; 
text-align:center;
background-color:#ffffff;}
ul {list-style:none;}
a {text-decoration:none; color:#000; cursor:pointer;}
a:hover {text-decoration:underline; color:#000;}
h1 {font-size:3em; padding:0.5em 0em 0.3em 0em;}
h2 {font-size:2.6em; padding:0.5em 0em 0.3em 0em;}
h3 {font-size:2.2em; padding:0.5em 0em 0.3em 0em;}
h4 {font-size:1.4em; padding:0.6em 0em 0.4em 0em;}
h5 {font-size:1.6em; padding:0.4em 0em 0.2em 0em;}
h6 {font-size:1.2em; padding:4px 0px 0px 0px;
 margin:0px; color:#666;
font-family: arial, sans-serif;}
input,textarea {border:solid 1px #000; background-color:#fff;}
select {font-size: 1em; border:solid 1px #000; background-color:#fff;}

/* Generic Class Styles */
.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#FFF;}
.colour2 {color:#0d276b;}
.colour3, .red {color:#FF0000;}
.small {font-size:0.5em;}
.left {float:left;}

/* Site Layout */

#outerContainer {width:100%; float:left; height:auto;}/* Level 1 */

#innerContainer {width:1020px; height:100%; margin: 0 auto 0 auto; text-align: left;
}

#outerBox {padding:10px; float:left; margin:0px; position:relative; top:0px; left:0px; width:980px;}

/* ----------------------------- end site layout ----------------------------- */

/* Header */
.spacer {float:left; width:1002px; height:10px; background:#fff; position:fixed; top:0px; z-index:1;}

#headerContainer {position:fixed; top:10px;width:980px; background-image:url('http://www.cpm-group.com/images/welcome_to_cpm.jpg');
background-repeat: no-repeat; background-position: 99% bottom;
background-color:#fff;z-index:1001; height:135px; margin:0px 0px 0px 0px; padding:0px 10px; border:1px solid #ccc; border-bottom:none;}

#headerContainer h1 {padding:10px 0px 10px 0px; float:left;}
#headerStrip {padding:0px 0px 10px 0px;}
#homePage #headerContainer h1 {padding:10px 0px 22px 0px;}
#breadcrumb {float:left; width: 900px; padding: 5px 0px 5px 20px;
color:#666; font-size:1.1em;}
#breadcrumb a {color:#333;}

/* ----------------------------- end header ----------------------------- */

/* Main Menu */
#menuBar {float:left; width:980px; position:fixed; top:145px; z-index:1002; }
#mainMenu {float:left; width:785px; }

#mainMenu img { border: none; }
#mainMenu li { display: inline; list-style:none; }
#mainMenu li a { float: left; display:block; width: 110px; height: 38px; margin:0px; }
#mainMenu li a.wide { width: 125px;}
#mainMenu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#mainMenu li a:hover { visibility:visible; }
#mainMenu li a:hover img { visibility:visible; }
#mainMenu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#homeAdmin #mainMenu, #galleryAdmin #mainMenu, #newsAdmin #mainMenu {width:980px;
background:url(http://www.cpm-group.com/images/menu/bg_runner_full.png) no-repeat right bottom; }


#mm_home { background:url(http://www.cpm-group.com/images/menu/home_over.png) no-repeat left bottom; }
#mm_about { background:url(http://www.cpm-group.com/images/menu/about_over.png) no-repeat left bottom; }
#mm_innovation { background:url(http://www.cpm-group.com/images/menu/innovation_over.png) no-repeat left bottom; }
#mm_technical { background:url(http://www.cpm-group.com/images/menu/technical_over.png) no-repeat left bottom; }
#mm_gallery { background:url(http://www.cpm-group.com/images/menu/gallery_over.png) no-repeat left bottom; }
#mm_contact { background:url(http://www.cpm-group.com/images/menu/contact_over.png) no-repeat left bottom; }
#mm_enquiry { background:url(http://www.cpm-group.com/images/menu/enquiry_over.png) no-repeat left bottom; }
#mm_news { background:url(http://www.cpm-group.com/images/menu/news_over.png) no-repeat left bottom; }
/* ----------------------------- end main menu ----------------------------- */


/* Side Bar*/

#sideBar {float:left; width:124px;padding:0px; margin:0px 0px 60px 0px;}
#sideMenu li {float:left;}
#sideMenu li li.dir li {float:none;}
#sideMenu img { border: none; }
#sideMenu li a.sub_link { float: left; display:block; width: 125px; height: 38px; margin:0px; }
#sideMenu li a.sub_link.wide { width: 125px;}
#sideMenu li a.sub_link img {  border:none; vertical-align:bottom; /* for IE6 */}

#sideMenu li a.sub_link:hover { visibility:visible; }
#sideMenu li a.sub_link:hover img { visibility:visible; }
#sideMenu li a.sub_link:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}



#sm_drainage { background:url(http://www.cpm-group.com/images/side_menu/drainage_over.png) no-repeat left bottom; }
#sm_retaining_walls { background:url(http://www.cpm-group.com/images/side_menu/retaining_walls_over.png) no-repeat left bottom; }
#sm_specialist_precast { background:url(http://www.cpm-group.com/images/side_menu/specialist_precast_over.png) no-repeat left bottom; }
#sm_environmental { background:url(http://www.cpm-group.com/images/side_menu/environmental_over.png) no-repeat left bottom; }
#sm_rail_products { background:url(http://www.cpm-group.com/images/side_menu/rail_products_over.png) no-repeat left bottom; }
#sm_off_site{ background:url(http://www.cpm-group.com/images/side_menu/off_site_solutions_over.png) no-repeat left bottom; }
#off_sitePage #sm_off_site{ background:url(http://www.cpm-group.com/images/side_menu/off_site_solutions_current.png) no-repeat left bottom; }

/* ----------------------------- end side bar----------------------------- */

/* News box */

#newsButton p a {float:left; color:#000; margin:0px; position:absolute; top:0px; right:14px;
background:url('http://www.mattyoung.co.uk/projects/cpm/images/news_button_green_bg.gif') no-repeat left top; 
padding:12px 12px 0px 0px; width:164px; height:28px; font-weight:bold;
z-index:1100; text-align:right; font-size:1.8em; color:#fff;}
#newsButton p a:hover {background-position: bottom left;}
#newsButton p a:active {color:#fff600;}

#newsTitle {padding:20px 0px 20px 0px;}
#pageBox p.news_item {font-weight:bold; padding:5px 0px 10px 0px; font-size:1.4em;}

/* ----------------------------- end news----------------------------- */

/* Search Box */

#searchBox {float:left; width:185px; height:28px;
background-image:url('http://www.cpm-group.com/images/menu/search_bg.png');
background-repeat: no-repeat; background-position: top right;
background-color:#fff; padding:10px 0px 0px 10px;}

#searchBox input {border:none; background-color:#fff;
}

#searchBox input.search_button {background-image:url('http://www.cpm-group.com/images/menu/search_icon.gif');
background-repeat: no-repeat; background-position: bottom center;
width:20px; opacity:0.5; color:#fff; font-size:0.1em; height:18px;}
#searchBox input.search_button:hover {cursor:pointer; opacity:1;}
#searchBox input.search_field {color:#999;}
#searchBox:hover input.search_field {color:#666;}

/* ----------------------------- end search box ----------------------------- */

/* Main Content */

#mainContent {float:left; width:980px; position:absolute; padding:170px 10px 10px 10px; margin:0px 0px 10px 0px;
border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

#pageContent {float:left; width:854px;
background-repeat: no-repeat; background-position: bottom left;
border-left:solid 1px #a9a9a9; position:relative;
}
#pageBox {float:left; width:855px; background-image:url('http://www.cpm-group.com/images/footer_corners/green.png');
background-repeat: no-repeat; background-position: bottom right; min-height:560px;
margin;0px 0px 20px 0px;
}

#bodyText {float:left; width:600px; padding:10px 0px 20px 30px;}
#contactText {float:left; width:400px; padding:10px 0px 0px 30px;}

#bodyText h3 {width:600px; border-bottom:1px solid #666; padding:5px 50px 5px 0px;
margin:0px 0px 18px 0px;color:#666; float:left;}

#pageBox h3 {border-bottom:1px solid #666; padding:5px 50px 5px 0px;
margin:0px 0px 18px 0px;color:#666;}

#pageBox p {font-size:1.1em; padding:5px 0px 7px 0px; color:#444;
line-height:1.2em;}
#pageBox ul  {padding:10px 0px 20px 0px; float:left; clear:both; width:600px;}
#pageBox ul #siteIndex {padding:0px 0px 0px 0px; float:none; }
#pageBox ul li {padding:7px 0px 0px  20px; font-size:1.4em; color:#333;
background-repeat: no-repeat; background-position: 1px 9px ;}

#pageBox ol {padding:0px 0px 20px 20px;}
#pageBox ol li {padding:5px 0px 0px 0px;font-size:1.4em; color:#333;
background:none;}
#pageBox ol li ul li {padding:7px 0px 5px  20px; font-size:1em; color:#333;
background-repeat: no-repeat; background-position: 1px 9px ;}
#pageBox #siteIndex li {padding:5px 0px 0px 20px; font-size:1.4em; color:#333;
background-image:url('http://www.cpm-group.com/images/index_long.gif');
background-repeat: no-repeat; background-position: 1px 0px ;
font-weight:bold; color:#000;}

#pageBox #siteIndex li.drainage li, 
#pageBox #siteIndex li.drainage a {color:#009DDC;}
#pageBox #siteIndex li.retaining_walls li, 
#pageBox #siteIndex li.retaining_walls a {color:#F89829;}
#pageBox #siteIndex li.specialist_precast li, 
#pageBox #siteIndex li.specialist_precast a {color:#EE3A43;}
#pageBox #siteIndex li.environmental li, 
#pageBox #siteIndex li.environmental a {color:#6EB43F;}
#pageBox #siteIndex li.rail_products li, 
#pageBox #siteIndex li.rail_products a {color:#754200;}
#pageBox #siteIndex li.off_site li, 
#pageBox #siteIndex li.off_site a {color:#1C3F95;}



#pageBox #siteIndex li.last { 
background-image:url('http://www.cpm-group.com/images/index_last.gif');

}

#pageBox #siteIndex li.first { 
background-image:url('http://www.cpm-group.com/images/index_top.gif');

}

#pageBox #siteIndex li a {color:#000;}

#pageBox #siteIndex {
background-image:url('http://www.cpm-group.com/images/index_blank.gif');
background-repeat: repeat-y; background-position: 1px 0px ;
margin:0px 0px 50px 0px;
}

#pageBox #siteIndex li ul li a {color:#666;}
#pageBox #siteIndex li ul li ul li a {color:#666;}
#pageBox #siteIndex li ul li {color:#555;font-size:1em; list-style:none; font-weight:bold; color:#333;}
#pageBox #siteIndex li ul li ul li {color:#666;font-size:1em; list-style:none; font-weight:normal;}
.icon_holder {width:450px; padding:10px 0px 40px 0px;}
.icon_holder_wide {width:640px; padding:10px 0px 10px 0px;}
#map {float:right; padding:40px 60px 40px 20px;}

#imageBar {float:right; padding:40px 50px 130px 0px; text-align:center;}
.galleryLink {float:right;margin:7px 0px 0px 0px;}
#pageBox p.noPad {padding:0px 0px 10px 0px;}

/* ----------------------------- end main content ----------------------------- */

/* Footer */

#footerContainer {float:left; width:980px;height:125px;
background-image:url('http://www.cpm-group.com/images/footer_bars/green.png');
background-repeat: no-repeat; background-position: top left;

}
#pageUp {float:left; color:#fff; font-size:1.1em;
padding:0px 0px 5px 0px;
margin:41px 0px 09px 40px; width:900px;}
#pageUp a {color:#fff; opacity:0.6;}
#pageUp a:hover {color:#fff; opacity:1;}


#footerMenu {float:left; color:#fff; font-size:1.1em;
padding:0px 0px 5px 0px;
margin:11px 0px 19px 40px;
border-bottom:solid 1px #fff}
#footerMenu a {color:#fff;}

#copyright {float:left; color:#fff; 
margin:5px 0px 12px 40px;width:980px;}


/* sIFR styles*/

.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;
width: 0;height: 0;display: block;overflow: hidden;}

.sIFR-flash + div[adblocktab=true] {  display: none !important;}

.sIFR-hasFlash h3 {visibility: hidden;letter-spacing: -6px;font-size: 1.1em;}
.sIFR-hasFlash h4 {visibility: hidden;letter-spacing: -8px;font-size: 0.9em;}
.sIFR-hasFlash h5 {visibility: hidden;letter-spacing: -6px;font-size: 1em;}
.sIFR-hasFlash #cpmNews p {visibility: hidden; font-size: 1.4em;}


/* ----------------------------- end sIFR content ----------------------------- */

/* Enquiry Form */

.form_row {padding:5px 0px; float:left; width:400px;}

label {color:#666; width:100px; float:left; font-size:1.1em;
padding:2px 0px 0px 0px;}

label.wide {color:#666; width:150px; float:left; font-size:1.1em;
padding:2px 0px 0px 0px;}
input.text_field {float:left; width:298px; border:1px solid #999; color:#333}
label.radio {width:60px; float:left;}
input.radio {width:20px; background-color:#fff; border:#fff 1px solid;}
#enquiry_radio {float:right; text-align:right; padding:3px 0px 3px 0px;}
textarea {width:298px; border:1px solid #999; color:#333; height:100px;}
input.submit {float:right;; width:80px; font-size:1.1em;
border:1px solid #999; color:#333; text-align:center; padding:2px 0px; cursor:pointer;}
input.submit:hover {border:#000 1px solid; color:#000; background-color:#eee;}

 
/* ----------------------------- end enquiry form ----------------------------- */


/* Gallery */
#galleryBox {width:840px; float:left; padding:20px; margin:0px 0px 80px 0px;}

.gallery_box { float:left; margin: 4px 2px; width:385px;
background-image:url('http://www.cpm-group.com/images/gallery_bg_runner.gif');
background-repeat: repeat-x; background-position:5px 12px;}

.gallery_title h4 {background-color:#fff; float:left; padding:10px 0px 0px 0px;}
.gallery_row {float:left;}
.gallery_row img {border:1px solid #999; margin: 2px;opacity:0.7;}
.gallery_row img:hover {opacity:1; cursor:pointer;border:1px solid #333; }

#gallery_preview {float:left; border:1px solid #ddd; width:400px;}
#image_holder {border-bottom:1px solid #ddd;}
#gallery_title {border-right:1px solid #ddd; float:left;}
#galleryNav {float:right; width:200px; text-align:center;
margin:10px 0px 0px 0px;}
#galleryNav a {padding:1px 10px;margin:0px 1px;
color:#333;
 border:1px solid #ddd; width:40px;}
#galleryNav a:hover {text-decoration:none; color:#000;
 border:1px solid #999; background-color:#eee;}
#gallery_prev a {float:left; }
#gallery_next a {float:left;}
#gallery_close a {float:left;}
#gallery span.gallery_no_link {border:1px solid #eee; width:40px; float:left;
text-align:center; padding:1px 10px;margin:0px 1px; color:#ddd;}


#thumbnails {float:left; margin:0px 0px 0px 2px; width:400px;}
#thumbnails .thumbnail img {margin:0px 2px 2px 2px; border:; opacity:0.8;}
#thumbnails .thumbnail img:hover {margin:0px 2px 2px 2px; border:; opacity:1;}
#thumb_row_1 {height:380px; float:left;}
#thumb_row_2 {height:290px; float:left;}
#thumb_row_3 {height:230px; float:left;}
#thumb_row_4 {height:150px; float:left;}
#thumb_row_5 {height:80px; float:left;}

#backLink {float:left; width:700px;
margin:10px 0px 0px 5px; font-size:1.2em;
font-weight:bold; }
#backLink a {color:#666;}
#backLink a:hover {color:#333; text-decoration:none;}

/* ----------------------------- end gallery ----------------------------- */


#loginBox {float:left;
margin:10px 20px 50px 20px;;
}

#loginBox div {margin:10px 0px;}
#loginBox label {font-weight:bold;
font-size:1.2em;}

.admin_gallery_image {float:left; margin:10px; border:1px solid #ddd;
padding:10px; width:280px;}
.admin_gallery_thumb {float:left; padding:0px 20px 0px 0px;}
.admin_gallerylinks {float:left;}

input.admin_gallery_upButton {float:left;}
input.admin_gallery_dowwnButton {float:left;}

.admin_gallery_statusbox {float:left;}

input.admin_gooffline {float:left;}
input.admin_delete {float:left;}

.admin_gallery_image input {border:solid 1px #ddd;
color:#666; margin:0px 10px 0px 0px;}
.admin_gallery_image input:hover {border:solid 1px #666;
color:#333; background-color: #eee; cursor: pointer;}

.admin_gallery_image input.admin_delete:hover {
border:1px solid #f00; color:#f00;

}

div.data_table {margin:20px 0px;}
div.data_table table, tr, th, div.data_table td {border:1px solid #999;}

img.pageImage {padding:10px;}

div.row {float:left; width:500px; margin:10px;padding:5px; border:1px solid #ddd;}
div.item {float:left; width:180px; margin:10px 30px;}


#newsResult {float:left;padding:10px 0px;}
.news_result {padding:0px 0px;}

#archiveLink {float:left; width:500px; margin:50px 0px 20px 0px;}
#archiveLink a {font-size:1.6em; text-transform:uppercase;
font-family:times, times new roman, serif; font-weight:bold;}

#newsArticle {}

.news_image {float:left; width:200px; border:1px solid #333; margin:10px 20px 10px 0px;}
.news_text {float:left; width:300px; margin:10px 0px;}


h4.underline {background-image:url('http://www.mattyoung.co.uk/projects/cpm/images/underline.gif');
background-repeat: no-repeat; background-position: bottom right;
padding:0px 0px 10px 0px;margin:15px 0px 10px 0px;}

#result_report {font-size:1.2em; padding:5px 0px 15px 0px;}

#results b {font-size:1.2em; padding:0px 10px 0px 0px;}
#results a {font-size:1.2em; padding:0px 0px 0px 10px;
font-weight:bold; color:#056937;}
#results .description {padding:3px 0px; font-size:1.2em;
color:#333; }
#results .url {font-size:1.1em; color:#333; border-bottom:1px solid #ddd;
padding:0px 0px 10px 0px;}
#other_pages {font-size:1.2em;}
#other_pages a {padding:0px 5px;}
#other_pages b {padding:0px 5px; color:#056937;}

.leftimage {float:left; padding:10px;}
.tableright {float:left; width:470px; border:1px solid #333;}
.tableright td {font-size:1.2em; width:230px; border:solid 1px #ddd; padding:2px;}
.tableright td td {float:left; width:100px; border:none;}

.center {width:600px; text-align:center;}

#downloadForm {border:solid 1px #999; float:left; padding:10px; width:400px; margin:0px 0px 20px 0px;}

#bodyText p.formError {color:#f00; float:left; width:800px;}

.file_list li {font-size:1.3em; font-weight:bold;}
.file_list li ul, .file_list li ul li {font-size:0.7em; font-weight:normal;}
.file_list li ul li a {font-size:1em; color:#0b0; font-weight:normal;}