html {height:100%; overflow-y:hidden;}
body {height:100%; font-family:Tahoma, Verdana, Arial, sans-serif; padding:0px; margin:0px; font-size:13px; color:#666666; line-height:16px;}
/*h1 {position:absolute; top:-9999px; left:-9999px;}*/
h1, h2, #marbrexDetails h3 {font-family:'Haettenschweiler', Arial, Sans-serif; font-style:italic; letter-spacing:1px; font-size:23px; font-weight:normal;}
h3 {font-family:Tahoma, Verdana, Arial, Sans-serif; font-size:12px;}
h1, h2, h3, h4 {margin:0px; padding:0px;}
#contactUs h3 {font-size:16px; font-style:italic; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:10px 0 10px 0; color:#666666;}
hr {margin:15px 0 15px 0;}
/*********************** LAYOUT ************************/
#navigation {position:absolute; left:-18px; top:0px; width:100%; height:60px; padding:0; background:#637DB0; text-align:center; z-index:999;}
#navigation #navBar {width:800px; margin:auto; position:relative; text-align:center; padding-top:15px;}
#navigation #navBar a {color:#EEEEEE; text-decoration:none;}
#navigation #navBar a:hover {color:#DDDDDD;}
#navigation #logo {position:absolute; left:0px; top:0px;}
#navigation .picLinks {position:absolute; right:0px; top:3px;}
#navigation .picLinks a {display:inline-block; width:42px; height:35px;}
#navigation .picLinks a:hover{background-position:0 0;}
#navigation .picLinks .home {background:url('../pics/home.gif') no-repeat bottom left;}
#navigation .picLinks .map {background:url('../pics/map.gif') no-repeat bottom left;}
#navList {position:absolute; left:0px; bottom:0px; width:100%; background:#0F228C; margin:0px; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#navList li {display:inline; font-size:11px; font-weight:bold; color:#EEEEEE;}
#navList li a {display:inline-block; margin:0; color:#EEEEEE; text-decoration:none; height:16px; vertical-align:middle;}
#navList li a:hover {color:#DDDDDD;}
#scrollFrame {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow-y:scroll;}
#mainContent {padding:80px 0 20px 0; margin:auto; width:750px; background:#ffffff;}
#footer {position:absolute; left:-18px; bottom:0px; width:100%; height:18px; padding:0; background:#0F228C; text-align:center; z-index:999;}
#footer a {color:#cccccc; text-decoration:none; font-size:11px;}
#footer a:hover {color:#ffffff;}
#splashScreen {position:relative; margin:12% auto 0 auto; width:450px; height:345px; background:url('../pics/splasht3.gif') no-repeat center; text-align:center; font-weight:bold;}
#splashScreen a {position:absolute; bottom:30px; left:150px; text-decoration:none; font-size:16px; color:#444444;}
#splashScreen a:hover {color:#BFDDDD;}
#splashScreen div {font-style:italic; color:#ffffff; text-align:left; font-size:14px;}
#splashScreen #notts {position:absolute; left:52px; bottom:60px;}
#splashScreen #dudley {position:absolute; right:110px; bottom:60px;}
/*********************** STYLES ************************/
.homeImg {float:right; margin:10px;}
.marbrexPics {margin:auto; width:85%;}
.marbrexPics img {float:left; margin:7px;}
.marbrexPics div {float:left;}
.marbrexPics div div {float:none;}
#marbrexDetails {position:relative; width:600px; margin:auto;}
#marbrexDetails h3 {font-size:16px;}
#marbrexDetails .name {position:absolute; left:0px; bottom:1px;}
#marbrexDetails .size {position:absolute; left:25%; bottom:1px;}
#marbrexDetails .style {position:absolute; left:65%; bottom:1px;}
#marbrexInfo .name {position:absolute; left:7%; bottom:0px;}
#marbrexInfo .size {position:absolute; left:46%; bottom:0px;}
#marbrexInfo .style {position:absolute; left:82%; bottom:0px;}
.polyBigText {font-size:25px; font-style:italic; text-align:center; color:#637DB0; font-weight:bold;}
.rainwaterCont {position:relative; margin:auto;}
.rainwaterCont .tL {position:absolute; top:0px; left:0px; z-index:999;}
.rainwaterCont .bR {position:absolute; bottom:0px; right:0px; z-index:999;}
#ultralitePics {text-align:center;}
#ultralitePics img {margin:2px;}
#contactUs {width:300px; margin:auto; text-align:center; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contactUs.locations {width:450px;}
.locations .address {float:left; width:180px;}
.locations .mapLink {float:right;}
.locations .mapLink img {border:none; width:200px; height:200px;}
.locations hr {margin:15px 50px 15px 50px;}
#mapHolder {text-align:center;}
#mapHolder img {margin:2px; border:none;}
.shortDirections li {position:relative;}
.shortDirections span {position:absolute; right:0px; bottom:-14px; font-size:10px;}
/********************* LIST STYLES *********************/
#termsAndCon {list-style:none; font-size:10px; font-family:Tahoma, Verdana, sans-serif; padding:0px; margin:0px; line-height:12px;}
#termsAndCon span {color:#637DB0;}
#prodInfoList {position:relative; padding:0 0 80px 0; margin:auto; width:700px; height:60px;}
#prodInfoList li {display:block; float:left; list-style:none;}
#prodInfoList li a {width:50px; height:50px; display:block; text-decoration:none; margin:0 10px 0 10px;}
#prodInfoList li a span {display:none; position:absolute; top:75px; left:0px; width:700px; font-size:12px; font-style:italic; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#637DB0;}
#prodInfoList li a:hover {white-space:normal;}
#prodInfoList li a:hover span{display:block;}
#prodInfoList .cell_Angles {background:url('../pics/cellular/angles.jpg') no-repeat;}
#prodInfoList .cell_Archit {background:url('../pics/cellular/arcs.jpg') no-repeat;}
#prodInfoList .cell_Clad {background:url('../pics/cellular/cladding.jpg') no-repeat;}
#prodInfoList .cell_Cills {background:url('../pics/cellular/cills.jpg') no-repeat;}
#prodInfoList .cell_Fascia {background:url('../pics/cellular/fascia.jpg') no-repeat;}
#prodInfoList .cell_Soffit {background:url('../pics/cellular/soffits.jpg') no-repeat;}
#prodInfoList .cell_Trims {background:url('../pics/cellular/trims.jpg') no-repeat;}
#prodInfoList .cell_Liners {background:url('../pics/cellular/reveals.jpg') no-repeat;}
#prodInfoList .cell_Roofline{background:url('../pics/cellular/roof.jpg') no-repeat;}
#prodInfoList .cell_uPVC {background:url('../pics/cellular/windowboards.jpg') no-repeat;}
.prodTables {width:645px; margin:auto; position:relative;}
.tableCont {width:300px; border:1px solid #0F228C; position:relative; float:left; margin:10px;}
.tableCont .tL {position:absolute; top:-1px; left:-1px; z-index:999;}
.tableCont .bR {position:absolute; bottom:-1px; right:-1px; z-index:999;}
.tableCont div {width:295px; height:30px; background-color:#0F228C; font-size:11px; font-style:italic; font-weight:bold; color:#ffffff; position:relative; padding-left:5px;}
.tableCont div span {position:absolute; right:0px; top:0px; width:60px; line-height:12px;}
.tableCont ul {padding:0px; margin:0px; list-style:none;}
.tableCont ul li {display:block; border-top:1px solid #0F228C; padding-left:5px; position:relative; height:28px;}
.tableCont ul li span {position:absolute; right:0px; top:0px; width:60px; height:100%; text-align:center; border-left:1px solid #0F228C;}
.smallPrint {font-size:10px; clear:both; margin-left:10px;}
#marbrexInfo {padding:0px; margin:0px; list-style:none; position:relative; height:350px; width:600px; margin:auto;}
#marbrexInfo li {float:left; margin:4px;}
#marbrexInfo li a {display:inline-block; width:136px; height:97px; text-decoration:none;}
#marbrexInfo li a span {display:none; font-style:italic; font-weight:bold; color:#637DB0; font-size:11px;}
#marbrexInfo li a:hover {white-space:nowrap;}
#marbrexInfo li a:hover span{display:block;}
#marbrexInfo .pBlack {background:url('../pics/marbrex/pb.gif') no-repeat;}
#marbrexInfo .bMetal {background:url('../pics/marbrex/bm.gif') no-repeat;}
#marbrexInfo .rBeige {background:url('../pics/marbrex/rb.gif') no-repeat;}
#marbrexInfo .gyMarble {background:url('../pics/marbrex/gmar.gif') no-repeat;}
#marbrexInfo .iGrey {background:url('../pics/marbrex/ig.gif') no-repeat;}
#marbrexInfo .aGrey {background:url('../pics/marbrex/ag.gif') no-repeat;}
#marbrexInfo .dbMarble {background:url('../pics/marbrex/dbm.gif') no-repeat;}
#marbrexInfo .gnMarble {background:url('../pics/marbrex/gmar.gif') no-repeat;}
#marbrexInfo .oak {background:url('../pics/marbrex/o.gif') no-repeat;}
#marbrexInfo .wWood {background:url('../pics/marbrex/ww.gif') no-repeat;}
#marbrexInfo .bMarble {background:url('../pics/marbrex/bmar.gif') no-repeat;}
.rainwaterList {list-style:none; padding:0px; margin:0px; width:420px; text-align:center; border:1px solid #0F228C; font-weight:bold;}
.rainwaterList li {display:block; border-top:1px solid #0F228C; position:relative; height:38px; padding:40px 225px 40px 5px;}
.rainwaterList li span {display:inline-block; border-left:1px solid #0F228C; width:110px; height:118px;}
.rainwaterList .head {height:32px; text-align:left; padding:2px 0 0 5px; background:#0F228C; color:#ffffff; font-size:11px; font-style:italic;}
.rainwaterList .col2 {position:absolute; right:110px; top:0px;}
.rainwaterList .col3 {position:absolute; right:0px; top:0px;}
.rainwaterList.small {width:310px;}
.rainwaterList.small li {padding:40px 115px 40px 5px;}
.rainwaterList.small .head {padding:2px 0 0 5px;}
.sealantsList {list-style:none; padding:0px; margin:0px; width:360px; text-align:center; border:1px solid #0F228C;}
.sealantsList li {display:block; border-top:1px solid #0F228C; position:relative; height:152px; padding:5px 300px 5px 0px;}
.sealantsList li span {display:inline-block; border-left:1px solid #0F228C; width:50px; height:152px; padding:5px;}
.sealantsList .col2 {position:absolute; right:230px; top:0px; padding:63px 5px 63px 5px; height:36px;}
.sealantsList .col3 {position:absolute; right:170px; top:0px; padding:63px 5px 63px 5px; height:36px;}
.sealantsList .col4 {position:absolute; right:0px; top:0px; width:160px;}
.sealantsList .head {height:32px; text-align:left; padding:2px 0 0 5px; background:#0F228C; color:#ffffff; font-size:11px; font-style:italic;}
.sealantsList .head .col2,
.sealantsList .head .col3,
.sealantsList .head .col4 {padding:2px 5px 0 5px;}
#toolsList {margin:auto; width:600px; padding-left:60px;}
#toolsList li {width:180px; float:left; list-style-type:none; padding-left:20px; background:url('../pics/bulletPoint.gif') no-repeat left center;}
.toolsInfoList {width:600px; margin:auto; padding:0px; border:1px solid #0F228C;}
.toolsInfoList li {display:block; border-top:1px solid #0F228C; position:relative; height:24px; padding:0px 70px 0px 90px;}
.toolsInfoList li span {display:inline-block; padding:4px;}
.toolsInfoList .col1 {position:absolute; left:0px; top:0px; border-right:1px solid #0F228C; width:80px;}
.toolsInfoList .col3 {position:absolute; right:0px; top:0px; border-left:1px solid #0F228C; width:60px; text-align:center;}
.toolsInfoList .head {height:32px; text-align:left; padding:0 70px 0 90px; background:#0F228C; color:#ffffff; font-size:11px; font-style:italic;}
.toolsInfoList .subHead {padding:2px; background:#0F228C; color:#ffffff; font-style:italic; font-size:11px; height:14px;}
#windowBoardTable {list-style:none; padding:0px; margin:0px; text-align:center; border:1px solid #0F228C;}
#windowBoardTable li {display:block; border-top:1px solid #0F228C; position:relative; height:18px;}
#windowBoardTable li.head {border:none;}
#windowBoardTable li span {display:inline-block; border-left:1px solid #0F228C; width:9.5%; height:18px; padding:0; vertical-align:top;}
#windowBoardTable span.head {border:none;}
#windowBoardTable span.tick {background:url('../pics/windowboard/tick.gif') no-repeat center;}
#directionsList {list-style:none; padding:0px; margin:0px; border:1px solid #0F228C;}
#directionsList li {display:block; position:relative; height:18px; padding:0 5px 0 130px;}
#directionsList li span {display:inline-block; width:90px; height:18px; padding:0 10px 0 10px; position:absolute; left:0px; top:0px; border-right:1px solid #0F228C; text-align:right;}
#directionsList li.head {text-align:left; background:#0F228C; color:#ffffff; font-size:11px; font-style:italic; text-align:center;}
#directionsList li.line {height:0px; line-height:0px; font-size:0px; border-top:1px solid #0F228C; margin-top:-1px;}
/*********************** TABLES ************************/
.multiColourTable {width:100%; border-collapse:collapse; border:1px solid #0F228C; text-align:center; padding:0px; margin:0px;}
.multiColourTable th,
.multiColourTable td {border:1px solid #0F228C; font-weight:normal; height:22px;}
.multiColourTable .gT {background:url('../pics/lead/tickg.gif') center no-repeat; height:30px;}
.multiColourTable .bT {background:url('../pics/lead/tick.gif') center no-repeat; height:30px;}
.multiColourTable .g,
.multiColourTable .gT {background-color:#ACFFA6;}
.multiColourTable .b,
.multiColourTable .bT {background-color:#5AAAFA;}
.multiColourTable div {position:relative; height:100%; line-height:22px;}
.multiColourTable .tL img {position:absolute; top:-2px; left:-2px;}
.multiColourTable .bR img {position:absolute; bottom:-2px; right:-2px;}
/*********************** OTHER ************************/
.swish, .kestrel {display:inline-block; vertical-align:bottom; font-size:0px;}
.swish {background:url('../pics/cellular/swishlogo.JPG') no-repeat; width:50px; height:16px;}
.kestrel {background:url('../pics/cellular/kestrellogo.JPG') no-repeat; width:60px; height:16px;}
.topLink {text-align:center; font-size:10px;}
#top {margin-top:-80px; padding-top:80px;}
.hide {position:absolute; top:-9999px; left:-9999px;}
.pw600 {width:602px;}
.textCenter {text-align:center;}
.textCenter img {margin:5px; vertical-align:top;}
.floatLeft {float:left;}
.floatRight {float:right;}
.cleaner {overflow:hidden; height:1px; margin:-1px; clear:both;}