@import 'donotedit/basereset.css';
@import 'donotedit/structure.css';
@import 'donotedit/grids.css';	

/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/

/* ------------- General fonts ------------- */
#pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:152%;}
h2 {font-size:129%; font-weight:bold;}
h3 {font-size:122%; font-weight:bold;}
h4 {font-size:114%; font-weight:bold;}
h5 {font-size:107%;}
h6 {font-size:107%;}
p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:114%;}

p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select,
li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select,
dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select,
dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select,
th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select,
td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select,
address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select,
blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select,
pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select,
input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select,
textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select,
select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select
{font-size:100%;}

strong,b {
	font-weight:bold;
}
em,i {font-style:italic;}

/* ------------- GENERAL ------------- */
#pagewrap, #masthead_inner, #nav ul, #links div, #ft { /* overall page width */
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#outerpagewrap {background-color:#fff;}
body#home #outerpagewrap {padding-top:0;}
body#secondary.newsrelease {}

.needcopy {background-color:#ffe; color:#c00;}

/* ------------- THEME ------------- */
html, body {background:#deddde; color:#000;}

#skipme {text-indent:-9999px; float:left;}

td, th {vertical-align:top;}

a, a:focus {outline:none;}
a {text-decoration:underline; color:#00399c;}
#masthead a {text-decoration:none;}

hr {
	background:#d9d9d9;
	border:0;
	color:#d9d9d9;
	height:1px;
	}
	
#pri img {border:0px none #FFFFFF;}
#pri img.noborder {border:none;}
.noborder {border:none;}
	
.fltlft {float:left;}
.fltrt {float:right;}

/* #pri img.fltrt {margin:1em 0 1em 1em;}
#pri img.fltlft {margin:1em 1em 1em 0;} */

#pri img {
	margin: 0px;
}
#pri img.nofloat, #pri div.fltrt img, #pri div.fltlft img {float:none; margin:0;}

#pri p {margin-bottom:10px;}

p.statement {font-weight:bold; color:#444;}

#pri ul {list-style-type:disc; margin-left:20px;}
#pri ul li {padding-bottom:12px;}

dl.fltrt {width:40%;}
dl.fltlft {width:60%;}
dd.last {margin-bottom:12px;}

div.spacer {padding-bottom:300px;}
	
/* ------------- MASTHEAD ------------- */
#masthead {background:url(../images/bg_masthead.png) bottom left repeat-x;}
#masthead #logo {position:relative;}

#masthead #logo #brocklogo {
	position:absolute;
	top:53px;
	left:0;
	width:220px;
	height:50px;
	overflow:hidden;
	background:transparent url(../images/logo.png) top left no-repeat;
	}
	
#masthead #logo #brocklogo strong {display:none;}
	
/*#masthead #mainhead,*/ #utilityandsearch {float:right;}

#utilityandsearch {margin-top:29px; margin-bottom:14px; font-size:77%;}

#masthead #utilityandsearch ul {margin-right:12px; margin-top:3px;}

#masthead #utilityandsearch ul, #masthead #utilityandsearch form {float:left;}

#masthead #utilityandsearch ul li, #masthead ul#mainnav li {display:inline;}

#masthead #utilityandsearch ul li a, #masthead ul#mainnav li a {
	float:left;
	color:#a4a4a4;
	}
	
#masthead #utilityandsearch ul li a:hover {text-decoration:underline; color:#fff;}
#masthead #utilityandsearch ul li a.active {color:#fff;}
	
#masthead #utilityandsearch li a {
	background:url(../images/bg_utilitynav_sep.png) center right no-repeat;
	margin-right:6px;
	padding-right:6px;
	}
	
#masthead #utilityandsearch li#unav_brockeurope a {background:none; margin:0; padding:0;}

#masthead form input#text {border:1px solid #464646; background-color:#060606; color:#a4a4a4; padding:3px;}

.btn, #searchbtn {
	border:1px solid #898989;
	background:#707070 url(../images/bg_btn.png) bottom left repeat-x;
	padding:2px 5px;
	color:#fff;
	font-weight:bold;
	}
	
#pri .btn {font-size:100%;}
	
#masthead #mainnav {padding-left:231px;}
	
#masthead #mainnav a {
	display:block;
	text-indent:-9999px;
	height:55px;
	background:url(../images/mnav.png) top left no-repeat;
	}
	
#masthead #mainnav li#mnav_perfbase a {width:209px;}
#masthead #mainnav li#mnav_perfbase a:hover {background-position:0 -55px;}
body.perfbase #masthead #mainnav li#mnav_perfbase a {background-position:0 -110px;}
	
#masthead #mainnav li#mnav_flooring a {width:114px; background-position:-209px 0;}
#masthead #mainnav li#mnav_flooring a:hover {background-position:-209px -55px;}
body.flooring #masthead #mainnav li#mnav_flooring a {background-position:-209px -110px;}
	
#masthead #mainnav li#mnav_padding a {width:203px; background-position:-323px 0;}
#masthead #mainnav li#mnav_padding a:hover {background-position:-323px -55px;}
body.padding #masthead #mainnav li#mnav_padding a {background-position:-323px -110px;}

/* ------------- NAV ------------- */
#nav {
	background:#00923f url(../images/bg_nav.png) top center repeat-x;
	color:#e2ffef;
	font-weight:bold;
	}

#nav li {display:inline;}

#nav li a { 
	display:block;
	text-indent:-9999px;
	float:left;
	}
	
/* ------------- ADMIN STYLES -------------- */
a.btnAdmin, a.btnAdmin:visited {color: #a90a15; font-size:114%;}
p a.btnAdmin, #pri p a.btnAdmin, #pri li a.btnAdmin {font-size:100%;}
a.btnAdmin:hover {text-decoration: underline;}
	
/* ------------- BODY CONTENT FOR ALL ------------- */
/* H1 Image Replacements */
h1#h1_enews, h1#h1_flooring, h1#h1_padding, h1#h1_news, h1#h1_perfandsafety, h1#h1_researchandtesting, h1#h1_aboutbrock, h1#h1_partners, h1#h1_easymat, h1#h1_drainage, h1#h1_cost, h1#h1_environment, h1#h1_sitemap, h1#h1_installation, 
h1#h1_search, h1#h1_baseworks, h1#h1_contact, h1#h1_preferredpartners, h1#h1_faq, h1#h1_personnel, h1#h1_brockvstone, h1#h1_hicvalues, h1#h1_multipleimpact, h1#h1_gmaxtest, h1#h1_loadconditions, h1#h1_brockinstall, h1#h1_whatisbrock, h1#h1_pagenotfound {display:block; text-indent:-9999px; width:760px; height:107px;}
h1#h1_enews {background:url(../images/h1_enews.png) top left no-repeat;}
h1#h1_flooring {
	background-image: url(../images/h1_flooring.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h1#h1_padding {background:url(../images/h1_padding.png) top left no-repeat;}
h1#h1_news {background:url(../images/h1_news.png) top left no-repeat;}
h1#h1_perfandsafety {background:url(../images/h1_perfandsafety.png) top left no-repeat;}
h1#h1_researchandtesting {background:url(../images/h1_researchandtesting.png) top left no-repeat;}
h1#h1_aboutbrock {background:url(../images/h1_aboutbrock.png) top left no-repeat;}
h1#h1_partners {background:url(../images/h1_partners.png) top left no-repeat;}
h1#h1_easymat {background:url(../images/h1_easymat.png) top left no-repeat;}
h1#h1_drainage {background:url(../images/h1_drainage.png) top left no-repeat;}
h1#h1_cost {background:url(../images/h1_cost.png) top left no-repeat;}
h1#h1_environment {
	background-image: url(../images/h1_BrockPlayBase_environment.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h1#h1_sitemap {background:url(../images/h1_sitemap.png) top left no-repeat;}
h1#h1_installation {background:url(../images/h1_installation.png) top left no-repeat;}
h1#h1_search {background:url(../images/h1_search.png) top left no-repeat;}
h1#h1_baseworks {background:url(../images/h1_baseworks.png) top left no-repeat;}
h1#h1_contact {background:url(../images/h1_contact.png) top left no-repeat;}
h1#h1_preferredpartners {background:url(../images/h1_preferredpartners.png) top left no-repeat;}
h1#h1_faq {
	background-image: url(../images/h1_QualityAssuranceWarranty.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h1#h1_personnel {background:url(../images/h1_personnel.png) top left no-repeat;}
h1#h1_brockvstone {background:url(../images/h1_brockvstone.png) top left no-repeat;}
h1#h1_hicvalues {background:url(../images/h1_hicvalues.png) top left no-repeat;}
h1#h1_multipleimpact {background:url(../images/h1_multipleimpact.png) top left no-repeat;}
h1#h1_gmaxtest {
	background-image: url(../images/h1_AdvancedDynamicResponse.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h1#h1_loadconditions {background:url(../images/h1_loadconditions.png) top left no-repeat;}
h1#h1_brockinstall {background:url(../images/h1_brockinstall.png) top left no-repeat;}
h1#h1_whatisbrock {background:url(../images/h1_whatisbrock.png) top left no-repeat;}
h1#h1_pagenotfound {background:url(../images/h1_pagenotfound.png) top left no-repeat;}

h2 {border-bottom:1px solid #d7d7d7; margin-bottom:15px;}
.grid-2 h2 {margin-bottom:7px; border:none;}

h3, h4 {margin-bottom:5px;}

#crumbs {margin-bottom:20px; font-size:92%;}
#crumbs a {text-decoration:none;}

li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

blockquote {background-image:url(../images/bg_quotes.png); background-repeat:no-repeat; background-position:0 0.2em; margin-left:10px; margin-bottom:25px;}
blockquote p {font-size:77%; line-height:1.6em; margin-left:20px;}
#pri blockquote p {margin-bottom:6px;}
blockquote p strong {color:#00722d; font-weight:bold; font-style:italic; font-size:129%; line-height:1.22em;}
blockquote p cite {font-style:italic;}

hr {
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
	height:1px;
	margin:2em 0;
	}
	
#pageutility {position:relative;}

/* ------------- Homepage-specific ------------- */	
body#home #outerpagewrap {background:#fff url(../images/bg_home_sky.png) top left repeat-x;}

body#home #outerpagewrap_inner {
	background:url(../images/rotator.jpg) top left no-repeat;
	width:800px;
	margin:0 auto;
	}
	
body#home p {font-size:100%;}
	
body#home #pri .pad {padding-bottom:2em;}
body#home #pri .pad .grid-2 {padding-top:381px;}

body#home .grid-2 .first .pad {
	background:url(../images/hpg_perfbase.jpg) top left no-repeat;
	padding-left:100px;
	padding-right:15px; 
	border-bottom:0;
	}	

body#home #pri .grid-2 .second .pad {
	background-image:url(../images/hpg_fieldinstallations.jpg);
	background-repeat:no-repeat;
	background-position:16px 0;
	border-left:1px solid #ccc;
	padding-left:116px;
	padding-bottom:0;
	} 

body#home .grid-2 .first .pad h2, body#home .grid-2 .second .pad h2 {
	display:block;
	text-indent:-9999px;
	height:12px;
	}
	
body#home .grid-2 .first .pad h2 {
	width:267px;
	background-image: url(../images/hdr_home_brockperfbaseF24.png);
	background-repeat: no-repeat;
	background-position: left top;
}
body#home .grid-2 .second .pad h2 {
	width:146px;
	background-image: url(../images/hdr_home_pitchinstallations.png);
	background-repeat: no-repeat;
	background-position: left top;
}

body#home .grid-2 .second .pad p span {
	text-indent:-9999px;
	display:block;
	width:252px;
	height:24px;
	border:none;
	background-image: url(../images/rotation_installations.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------- Secondary page-specific ------------- */
body#secondary #decoration {background:url(../images/bg_undernav_secondary.png) top left no-repeat; height:42px;}
body#secondary.flooring #decoration, body#secondary.padding #decoration {border-top:4px solid #3eee8f;}

body#secondary #pageutility a {
	float:right;
	margin-top:73px;
	background-image:url(../images/icon_print.png);
	background-repeat:no-repeat;
	background-position:0 0.2em;
	padding-left:15px;
	font-size:85%;
	text-decoration:none;
	}
	
body#secondary .grid-2 .second .pad, body#secondary .grid-2 .fourth .pad {padding-bottom:300px; border-left:1px solid #ccc;}
body#secondary.perfbase .grid-2 .second .pad, body#secondary.perfbase .grid-2 .fourth .pad {padding-bottom:12px;}

body.padding #pri .pad img {margin-bottom:20px;}

.vcard {margin-bottom:25px;}

#pri .photostring {margin-bottom:20px;}
#pri .photostring img {float:left; margin:0;}
#pri .photostring img.middle {margin:0 9px;}

dl#spaced {border-top:1px solid #d7d7d7; margin-top:1em; padding-top:1em;}
dl#spaced dt {font-weight:bold;}
dl#spaced dd {margin-bottom:15px;}
dl#spaced dd.fltrt {margin:1em;}
#pri dd.fltrt img {float:none; margin:0;}
dd ul {margin-top:7px;}

dl.news dt {font-weight:bold;}
dl.news dd.last {margin-bottom:15px;}

div.sidebar {margin-left:15px;}
#pri div.sidebar ul {margin-left:0; padding-left:0; list-style:none;}
#pri div.sidebar ul li {padding-left:20px; background-image:url(/images/icon_pdf.png); background-repeat:no-repeat; background-position:0 0.1em; font-size:100%;}

/* #pri .grid-2 .second ul {list-style-type:none; margin-left:0;} */

/* Site Map */
#pri ul.sitemap, #pri ul.sitemap ul {margin-left:0;}
#pri ul.sitemap li, #pri ul.sitemap ul li {padding-bottom:4px;}
#pri ul.sitemap li {margin-left:20px;}
#pri ul.sitemap ul li {margin-left:25px;}
#pri ul.sitemap ul {margin-top:4px;}

/* Search */
#search_results dl {margin-bottom:20px;}

/* Tables */
table, table.mis {
	width:100%;
	background-color:#FFFFFF;
	border: 0px none #FFFFFF;
}
table.mis {margin-bottom:20px;}
table.auto {width:auto; margin-bottom:0;}
table tr, table.mis tr {background-color:#fff;}
table th {background-color:#00923f; color:#fff; font-weight:bold; text-align:left; white-space:nowrap; padding:3px 10px 3px 5px; width:137px;}
table td, table.mis td {padding:3px 10px 3px 5px;}
table.mis.auto td, table.mis.auto th {padding:3px 5px;}
table td.num, table.mis th, table.mis td {text-align:center;}
table#us_canada {margin-bottom:30px;}

table th.fieldname {width:247px;}
table th.turfbrand {width:117px;}
table th.fields {width:67px;}
table th.type {width:117px;}

caption {font-weight:bold; padding-bottom:6px;}

/* Brock Performance Base Nav */
body.perfbase #nav li a {background:url(../images/perfbasenav.png) top left no-repeat; height:31px;}

body.perfbase #nav li#perfbasenav_perf_and_safety a {width:193px; background-position:0 0;}
body.perfbase #nav li#perfbasenav_perf_and_safety a:hover {background-position:0 -31px;}
body.perfbase #nav li#perfbasenav_perf_and_safety a.active {background-position:0 -62px;}

body.perfbase #nav li#perfbasenav_drainage a {width:113px; background-position:-193px 0;}
body.perfbase #nav li#perfbasenav_drainage a:hover {background-position:-193px -31px;}
body.perfbase #nav li#perfbasenav_drainage a.active {background-position:-193px -62px;}

body.perfbase #nav li#perfbasenav_environment a {width:140px; background-position:-306px 0;}
body.perfbase #nav li#perfbasenav_environment a:hover {background-position:-306px -31px;}
body.perfbase #nav li#perfbasenav_environment a.active {background-position:-306px -62px;}

body.perfbase #nav li#perfbasenav_installation a {width:131px; background-position:-446px 0;}
body.perfbase #nav li#perfbasenav_installation a:hover {background-position:-446px -31px;}
body.perfbase #nav li#perfbasenav_installation a.active {background-position:-446px -62px;}

body.perfbase #nav li#perfbasenav_research_and_testing a {width:183px; background-position:-577px 0;}
body.perfbase #nav li#perfbasenav_research_and_testing a:hover {background-position:-577px -31px;}
body.perfbase #nav li#perfbasenav_research_and_testing a.active {background-position:-577px -62px;}

/* Tertiary nav */
#pri ul.ternav { list-style-type:none; margin-left:0; margin-bottom:25px;}
#pri ul.ternav li {border-bottom:1px solid #d7d7d7; margin-bottom:4px; padding-bottom:4px;}
#pri ul.ternav li a, #pri ul.ternav li span, .grid-2 .second h3 {margin-left:20px;}
#pri ul.ternav li span {color:#000;}
.grid-2 .second h3 {margin-bottom:10px;}
#pri , .grid-2 .second .sidebar h3 {margin-left:0;} 
	
/* ------------- FOOTER ------------- */
#ftwrap {background:url(../images/bg_footer.jpg) top center no-repeat;}
body.flooring #ftwrap {background:url(../images/bg_footer_flooring.jpg) top center no-repeat;}
body.padding #ftwrap {background:url(../images/bg_footer_padding.jpg) top center no-repeat;}

/* Text links */
#links div {padding:0 0 65px 0;}

ul.textlinks {margin-left:0;}
ul.textlinks li {display:inline; font-size:85%;}

ul.textlinks li a {
	display:block; 
	float:left;
	text-decoration:none;
	margin-right:7px;
	padding-right:7px;
	background:url(../images/bg_textlinks_sep.png) center right no-repeat;
	}
	
ul.textlinks li a.active {color:#000;}
	
ul.textlinks li.last a {background:none; margin-right:0; padding-right:0;}
ul.textlinks.first {margin-bottom:4px; border-top:1px solid #ccc; padding-top:30px; padding-left:35px;}
body#secondary #outerpagewrap_inner {padding-bottom:50px;}
ul.textlinks.second {width:65%; margin:0 auto;}

ul.textlinks li#linkcolorchange a {color:#c60;}
ul.textlinks li#linkcolorchange a.active {color:#000;}
	
/* Footer copyright */
#ft {padding-bottom:70px;}

#ft p {color:#7b7b7b; font-size:92%; padding-left:120px;}
body#home #ft p {font-size:92%;}

#ft a {color:#9a9a9a; text-decoration:none;}
#ft a:hover {text-decoration:underline;}

/* ------------- CLEARFIX ------------- */
.clearfix:after, #nav ul:after, ul.textlinks:after, #masthead ul:after, #utilityandsearch:after, #pageutility:after, #links:after, .photostring:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}