body { background-image: url(../images/bg.gif); background-repeat: repeat-x; margin: 0 0 40px 0; padding:0px; font-family: Microsoft-Sans-Serif, MS-Sans-Serif, Arial, sans-serif; font-size:0.7em; color:#0a2f62; } .subCats{margin-left:10px;border:1px solid #fff;padding:5px;text-align:center;float:left;background:#454545;color:#ff8201;font-size:1.4em;font-weight:bold;height:250px;} .subCats img{margin-bottom:5px;} .natPaving2{margin-left:10px;border:1px solid #fff;padding:5px;text-align:center;float:right;background:#454545;} .natPaving2 img{margin-bottom:5px;} .natPaving{margin-left:10px;border:1px solid #fff;padding:5px;text-align:center;float:left;background:#454545;} .natPaving img{margin-bottom:5px;} .floatImg{float:right;margin-left:10px;border:1px solid #fff;padding:2px;} .panelImg{text-align:center;margin:10px;background:#343434;padding:5px;} .orange-circle { font-size:18px; font-weight:bold; color:#fff; text-align:center; width:77px; height:57px; padding-top:20px; background:url(../images/orange-circle.png); display:block; line-height:22px; } .keyIcons img{margin:0 2px;} .quoteText{float:left;width:70%;} .quote{color:#ff8201;font-style: italic;font-size:1.5em;font-weight:bold;} .truckImg{text-align:center;margin-top:20px;} #wbPlan{width:724px;height:247px;background:url(../images/wbBG.jpg) no-repeat #fff;padding:80px 0 8px 0;font-size:1.2em;margin:0 auto;} #wbPlan ul{list-style-image: url(../images/bullet.gif);} #wbPlan li{margin-bottom:3px;} #formCalc{background:#454545;width:300px;padding:8px;margin:0 auto;} .imgAgg{border:1px solid #fff;padding:2px;float:right;} #key{background:url(../images/key.jpg) no-repeat;width:195px;height:212px;padding:0 0 0 60px;} #keyPaving{background:url(../images/keyPaving.gif) no-repeat;width:196px;height:56px;padding:7px 0 0 60px;} #keyAggregates{background:url(../images/keyAggregates.jpg) no-repeat;width:195px;height:112px;padding:0 0 0 60px;} .dataTable{background:#454545;width:100%;} .dataTable th{background:#454545;padding:6px;} .dataTable td{padding:5px;text-align:center;color:#000;} .dataTable .even{background:#ff8201;} .dataTable .odd{background:#a8aaad;} .sizesTable { } .sizesTable th { background:#666; padding:3px 6px; text-align:center; } .sizesTable td { border-bottom:solid 1px #666; } .sizesTable .noBorders td { border-bottom:none; } h3{font-size:1.1em;padding-bottom:4px;border-bottom:1px solid #777;margin-top:15px; color:#FF8201;} h4{font-size:1.1em;padding:6px;border-bottom:none;margin-top:15px;margin-bottom:5px;background:#454545;} #lintel1{background:url(../images/lintel1.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;font-weight:bold;float:left;} #lintel2{background:url(../images/lintel2.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;font-weight:bold;float:left;margin:0 8px;} #lintel3{background:url(../images/lintel3.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;font-weight:bold;float:left;} #edging{background:url(../images/edging.jpg) no-repeat;text-align:center;width:170px;padding:122px 0 0 0;float:right;} #block1{background:url(../images/block1.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;} #block2{background:url(../images/block2.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;} #block3{background:url(../images/block3.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;margin:0 8px;} #block4{background:url(../images/block4.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;} #block5{background:url(../images/block5.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;margin:0 8px;} #block6{background:url(../images/block6.jpg) no-repeat;text-align:center;width:170px;padding:115px 0 0 0;float:left;} hr{color:#454545;margin:20px 0;} #contactLeft{float:left;width:48%;margin-right:20px;} #contactRight{float:left;width:48%;} .contactDetails{font-weight:bold;padding:5px;background:#454545;margin-bottom:5px;} h2{font-size:1.2em;background:#343434;padding:4px;border-bottom:1px solid #777;margin:0;} ul.rightPanel{margin:0;padding:0 0 0 15px;list-style:square;} ul.rightPanel li{margin-bottom:5px;} #contentPanelRight h2{font-size:1.5em;background:#343434;padding:4px;border-bottom:4px solid #777;margin:-5px -5px 8px -5px;} .clear{clear:both} .panelHome h2{background-color:transparent; text-decoration:none; border:none; color:#282889;margin:0;padding:0;font-size:1.5em;} #panelHomeReady{background:#ff8201 url(../images/dump.jpg) no-repeat;background-position: bottom;width:254px;height:130px;float:left;color:#fff;padding:8px;border:solid #fff;border-width:0 1px 1px 0;} #panelHomeBuilding{background:#ff8201 url(../images/panelBuilding.jpg) no-repeat;background-position: bottom;width:255px;height:130px;float:left;color:#fff;padding:8px;border:solid #fff;border-width:0 1px 1px 0;} #panelHomeLandscape{background:#ff8201 url(../images/panelLandscape.jpg) no-repeat;background-position: bottom;width:255px;height:130px;float:left;color:#fff;padding:8px;border:solid #fff;border-width:0 0 1px 0;} #bulletinTitle{margin:-5px 0 0 -5px;} h1{margin:0;padding:0;font-size:1.5em;} #crest{float:right;margin:7px 15px 5 0; padding-right:8px;} #logo{margin:20px 0 20px 10px;} #contentPanel{background:#535353;color:#fff;padding:8px;float:left;width:526px;} #contentPanelFullWidth{background:#535353;color:#fff;padding:8px;float:left;width:526px;width:98%;} #contentPanelRight{background:#454545;color:#fff;padding:8px;float:left;width:256px;} #menuBot{background:#ff8201;border:solid #fff;border-width: 1px 0;height:3px;} #flashHeader{border-bottom:1px #fff solid; background:#FF8201; display:table-cell; vertical-align:middle; width:814px; height:213px; overflow:hidden;} #flashHeader img { float:left; } #flashHeader h1 { color:#fff; font-size:24px; float:left; margin:100px 0 0 20px; } #main{ margin:0 auto;border:#fff solid;border-width: 0 2px;width:814px;background:#454545;background-image: url(../images/contentBG.gif);background-repeat: repeat-y; } #header{background:#fff;} #menu{ background:#454545; color:#fff; font-weight:bold; border:#fff solid; border-width: 0; height:29px; text-align:left; } #footer{ clear:both; background:#fff; color:#535353; padding:6px; } /*///////////// Links ////////////////*/ .butWeather a:link {color : #ff8201;background:url(../images/butWeather.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butWeather a:visited {color : #ff8201;background:url(../images/butWeather.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butWeather a:hover {color : #fff;background:url(../images/butWeather.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butPaving a:link {color : #ff8201;background:url(../images/butPaving.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butPaving a:visited {color : #ff8201;background:url(../images/butPaving.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butPaving a:hover {color : #fff;background:url(../images/butPaving.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butStone a:link {color : #ff8201;background:url(../images/butStone.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butStone a:visited {color : #ff8201;background:url(../images/butStone.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butStone a:hover {color : #fff;background:url(../images/butStone.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butDIYGuide a:link {color : #ff8201;background:url(../images/butDIY.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butDIYGuide a:visited {color : #ff8201;background:url(../images/butDIY.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butDIYGuide a:hover {color : #fff;background:url(../images/butDIY.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCalc a:link {color : #ff8201;background:url(../images/butCalc.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCalc a:visited {color : #ff8201;background:url(../images/butCalc.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCalc a:hover {color : #fff;background:url(../images/butCalc.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butVisit a:link {color : #ff8201;background:url(../images/butVisit.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butVisit a:visited {color : #ff8201;background:url(../images/butVisit.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butVisit a:hover {color : #fff;background:url(../images/butVisit.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butHealth a:link {color : #ff8201;background:url(../images/butHealth.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butHealth a:visited {color : #ff8201;background:url(../images/butHealth.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butHealth a:hover {color : #fff;background:url(../images/butHealth.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butConcrete a:link {color : #ff8201;background:url(../images/butConcrete.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butConcrete a:visited {color : #ff8201;background:url(../images/butConcrete.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butConcrete a:hover {color : #fff;background:url(../images/butConcrete.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butSand a:link {color : #ff8201;background:url(../images/butSand.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butSand a:visited {color : #ff8201;background:url(../images/butSand.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butSand a:hover {color : #fff;background:url(../images/butSand.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCement a:link {color : #ff8201;background:url(../images/butCement.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCement a:visited {color : #ff8201;background:url(../images/butCement.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butCement a:hover {color : #fff;background:url(../images/butCement.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butTruck a:link {color : #ff8201;background:url(../images/butTruck.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butTruck a:visited {color : #ff8201;background:url(../images/butTruck.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butTruck a:hover {color : #fff;background:url(../images/butTruck.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} .butContact a:link {color : #ff8201;background:url(../images/butContact.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butContact a:visited {color : #ff8201;background:url(../images/butContact.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 0;padding-top:12px;padding-left:5px;margin-left:-8px;} .butContact a:hover {color : #fff;background:url(../images/butContact.gif) no-repeat;width:216px;height:32px;display:block;border-bottom:none;font-weight:bold;font-size:1.2em;background-position: 0 -45px;padding-top:12px;padding-left:5px;margin-left:-8px;} #menu a:link {color:#fff; text-decoration:none;border:none;} #menu a:visited {color:#fff; text-decoration:none;border:none;} #menu a:hover {color: #88d2d5; text-decoration:none;border:none;} #footer a:link {color:#535353; text-decoration:none;border:none;} #footer a:visited {color:#535353; text-decoration:none;border:none;} #footer a:hover {color: #ff8201; text-decoration:none;border-bottom:1px dotted;} a:link {color : #fff; text-decoration:none;border-bottom:1px dotted;} a:visited {color : #fff;text-decoration:none;border-bottom:1px dotted;} a:hover {color : #ff8201; text-decoration:none;border-bottom:1px dotted;} ul.rightPanel li a:link {color : #fff; text-decoration:none;border-bottom:1px dotted;} ul.rightPanel li a:visited {color : #fff;text-decoration:none;border-bottom:1px dotted;} ul.rightPanel li a:hover {color : #ff8201; text-decoration:none;border-bottom:1px dotted;} .subCats a:link {color : #ff8201; text-decoration:none;border:none;} .subCats a:visited {color : #ff8201;text-decoration:none;border:none;} .subCats a:hover {color : #fff; text-decoration:none;border-bottom:1px dotted;} .panelHome a:link {color : #fff; text-decoration:none;border:none;} .panelHome a:visited {color : #fff;text-decoration:none;border:none;} .panelHome a:hover {color : #fff; text-decoration:none;border-bottom:1px dotted;} .panelHomeRight a:link {color : #fff; text-decoration:none;border:none;} .panelHomeRight a:visited {color : #fff;text-decoration:none;border:none;} .panelHomeRight a:hover {color : #fff; text-decoration:none;border-bottom:1px dotted;} #footerWebsitevision a:hover {color: #192ecb; text-decoration:none;background:inherit;font-weight:normal;} #footer a:hover span {color: #e0bf0b; text-decoration:none;background:inherit;font-weight:bold;} .paving-list,.paving-list a { color: #282889; text-decoration: none; border-bottom: none; } .paving-list a img { border: 2px solid #FFFFFF; } .paving-list a:hover img { border-color: #282878; } .paving-list a:hover { font-weight: bold; } /*//////////////////////////////////////////*/ /*/////////////// form elements //////////////////*/ input{ color: #000; border:none; width:138px; font-size:1em; } input.but{ border:none; width:169px; height:35px; margin-top:10px; font-size:1.5em; color:#fff; background:#343434; } input.cb{ width:15px; margin-left:-1px; } textarea { padding:2px; border:1px; color: #000; width:135px; font-family: Microsoft-Sans-Serif, MS-Sans-Serif, Arial, sans-serif; font-size:1em; } select { color: #000; font-family: Microsoft-Sans-Serif, MS-Sans-Serif, Arial, sans-serif; font-size:1em; width:120px; } /* ///////////////////// FORM LAYOUT //////////////////// */ form{ text-align:center; padding:0; margin:0; } form p{ clear:left; margin:0; padding:0; padding-top:5px; text-align:left; } form p label{ float:left; width:40%; } legend{ font-weight:bold; font-size:1em; } /* ////////////////////////////////////////////////////////////// */ /*///////////NEWS TICKER////////////////*/ #NewsVertical { margin-top:10px; width:250px; height:230px; display:block; overflow:hidden; position:relative; } #TickerVertical { width:250px; height:230px; display:block; list-style:none; margin:0; padding:0; } #TickerVertical li { display:block; width:250px; text-align:left; margin:0; padding:0px; float:left; } #TickerVertical li .NewsTitle{ display:block; font-weight:bold; margin-bottom:6px; border-bottom:1px dotted; } #TickerVertical li a:link, #TickerVertical li a:Visited { border-bottom:none; display:block; color:#fff; margin-bottom:6px; text-decoration:none; } #TickerVertical li a:hover { color:#ff8201; } #TickerVertical li .NewsTitle{ font-weight:bold; } #TickerVertical li .NewsFooter{ display:block; color:#000; margin:6px 0 14px 0; } /*///////////////////////////////*/ /*////////////// google map ////////////////////*/ #map{ width:100%;height:250px;border:#343434 1px solid;margin-top:10px; } /*////////////////////////////////////////////////*/ /*///////////// form val //////////////*/ #formEnquiry .red { border: 1px solid red; background:#feea7c; } #formEnquiry label.red { border: none; color: red; } #formEnquiry .customRed { border: none; color: red; } #formEnquiry .errorMessage { color: red; margin-left: 10px; } #formCalc .red { border: 1px solid red; background:#feea7c; } #formCalc label.red { border: none; color: red; } #formCalc .customRed { border: none; color: red; } #formCalc .errorMessage { color: red; margin-left: 10px; } /*///////////// ajax result //////////////*/ #log { margin-top: 20px; text-align:center; } #log_res { overflow: auto; width:100%; font-size: 1.5em; font-weight:bold; } #formEnquiry #log_res2{ font-weight:bold; color:#ff8201; } #formEnquiry #log_res2.ajax-loading { padding: 20px 0; background: url("../images/spinner2.gif") no-repeat center; } #log_res.ajax-loading { padding: 20px 0; background: url("../images/spinner.gif") no-repeat center; }