body {margin: 0px auto; padding: 0px; background-color: #C8C8C8;}
p {margin: 0px auto; padding: 0px;}
h1 {margin: 0px auto; padding: 10px 0px 10px 10px; font: bold 22px arial; color: #000;}
h2 {margin: 0px auto; padding: 10px 0px 10px 10px; font: bold 18px arial; color: #000;}
h3 {margin: 0px auto; padding: 0px 0px 0px 10px; font: bold 18px arial; color: #000;}
h4 {margin: 0px auto; padding: 0px 0px 0px 10px; font: bold 18px arial; color: #000;}
h5 {margin: 0px auto; padding: 0px 0px 0px 10px; font: bold 18px arial; color: #000;}
h6 {margin: 0px auto; padding: 0px 0px 0px 10px; font: bold 18px arial; color: #000;}
br {margin: 0px auto; padding: 0px;}
li {margin: 0px auto; padding: 0px;}
ul {margin: 0px auto; padding: 0px;}
#container {margin: 0px auto; padding: 0px; width:1064px; background: url(http://www.bridportdiy.co.uk/images/backgroundShoadow.png) center repeat-y;}

#header {margin: 0px auto; padding: 0px; width: 1024px; height: 170px; background: url(http://www.bridportdiy.co.uk/images/header.jpg) center no-repeat;}
#headerLeft {margin: 0px auto; padding: 10px 50px 0px 55px; float: left; width: 343px; height: 160px; }
#headerRight {margin: 0px auto; padding: 100px 0px 0px 0px; float: right; width: 576px; font:bold 20px arial; color: #333; text-align:center;}
#black {margin: 0px auto; padding: 0px; width: 1024px; height: 6px; background-color: #000;}

#main {margin: 0px auto; padding: 0px; width:1024px; background: #FFFFCC; overflow: hidden;}

#pageLeft {margin: 0px auto; padding: 0px; width: 179px; float: left; overflow: hidden; height: 100%;}
#menu {margin: 0px auto; padding: 0px 0px 14px 0px; width: 179px; float: left; border-bottom: solid 1px #333;}
#menu ul {display: inline;margin: 0px auto; padding: 0px;}
#menu li {float: left;list-style-type: none;margin: 8px auto 0px 20px; padding: 0px 0px 0px 28px; width: 110px; background: url(http://www.bridportdiy.co.uk/images/icon.png) left no-repeat;}
#menu li a {margin: 0px auto; padding: 8px 0px 0px 0px; font: 18px arial; color:#0000FF; text-decoration: underline;}
#menu li a:hover {margin: 0px auto; padding:0px 0px 0px 0px; font: 18px arial; color:#000; height: 26px; text-decoration: none;}
#FDleft {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 6px; float: left;}
.left ul {margin: 0px auto; padding: 0px; margin-top: 20px; }
.left li {margin: 0px 0px 0px 12px; padding: 4px 0px 0px 0px; list-style-type: disc; text-align: left; font: 14px arial; color: #000;}
#pageRight {margin: 0px auto; padding: 0px 0px 20px 0px; float:right; width:844px; border-left: solid 1px #333; overflow: hidden; height: 100%;}
#pageRight p {margin: 0px auto;padding: 0px 10px 6px 10px; font: 14px arial; color: #000;}
.prContainer {margin: 0px auto; padding: 0px; width: 844px; height: 240px;}
.prLeft {margin: 0px auto; padding: 0px 0px 0px 61px; width: 200px; height: 240px; float: left;}
.prMiddle {margin: 0px auto; padding: 0px 61px 0px 61px; width: 200px; height: 240px;}
.prRight {margin: 0px auto; padding: 0px 61px 0px 0px; width: 200px; height: 240px; float: right;}
/*timber page*/
.timberCont {margin: 0px auto; padding: 0px 0px 20px 0px; width: 844px; overflow: hidden;}
.timberLeft {margin: 6px 0px 0px 20px; padding: 0px; width: 240px; float: left; border: solid 1px #000;}
.timberLeft1 {margin: 6px 0px 0px 20px; padding: 0px; width: 240px; float: left; border: solid 1px #FFF;}
.timberLeft p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color:#000; border: solid 1px #000; line-height: 20px;}
.timberLeft1 p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color:#000; border: solid 1px #FFF; line-height: 20px;}
.timberRight {margin:  6px 20px 0px 0px; padding: 0px; width: 240px; float: right; border: solid 1px #000;}
.timberRight1 {margin:  6px 20px 0px 0px; padding: 0px; width: 240px; float: right; border: solid 1px #FFF;}
.timberRight p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color:#000; border: solid 1px #000; line-height: 20px;}
.timberRight1 p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color:#000; border: solid 1px #FFF; line-height: 20px;}
.timberCenter {margin: 6px auto 0px auto; padding: 0px; width: 240px; border: solid 1px #000;}
.timberCenter1 {margin: 6px auto 0px auto; padding: 0px; width: 240px; border: solid 1px #FFF}
.timberCenter p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color: #000; border: solid 1px #000; line-height: 20px;}
.timberCenter1 p {text-align: center;margin: 0px auto; padding: 0px; display: block; background-color: #EBEBEB; font: bold 12px arial; color: #000; border: solid 1px #FFF; line-height: 20px;}
.timLeft {margin: 0px auto; padding: 0px; width: 120px; float: left;}
.timRight {margin: 0px auto; padding: 0px; width: 120px; float: right;}
.small {margin: 0px auto; padding: 0px; font: 10px arial;letter-spacing:-1px}

/*stair parts page*/
.partsContainer {margin: 0px auto; padding: 6px 0px 6px 0px; width: 540px; overflow: hidden; }
.partsLeft {margin: 0px auto; padding: 0px; float: left; width: 270px; height: 150px;}
.partsRight {margin: 0px auto; padding: 0px; float: right; width: 270px; height: 150px;}
.stairLeft {margin: 0px auto; padding: 0px; float: left; width: 90px; text-align:center; }
.stairMiddle {margin: 0px auto; padding: 0px; width: 90px; text-align:center; }
.stairRight {margin: 0px auto; padding: 0px; float: right; width: 90px; text-align:center; }
.partsContainer1 {margin: 0px auto; padding: 0px; width: 804px; overflow: hidden; }
.partsLeft1 {margin: 0px auto; padding: 0px; float: left; width: 402px; height: 100px;}
.partsRight1 {margin: 0px auto; padding: 0px; float: right; width: 402px; height: 100px;}
.stairLeft1 {margin: 0px auto; padding: 0px; float: left; width: 134px; text-align:center; }
.stairMiddle1 {margin: 0px auto; padding: 0px; width: 134px; text-align:center; }
.stairRight1 {margin: 0px auto; padding: 0px; float: right; width: 134px; text-align:center; }

/*decking page*/
.deckCont {margin: 10px auto; padding: 0px; width: 700px; overflow:hidden; height: 60px;}
#deckleft {margin: 0px auto; padding: 10px 0px 0px 48px; width: 374px; height: 300px; float: left;}
#deckright {margin: 0px auto; padding: 10px 48px 0px 0px; width: 374px; height: 300px; float: right;}


/*maps contact page*/
#contLeft {margin: 0px auto; padding: 30px 0px 0px 10px; width: 324px; float:left;text-align:center;}
#map_canvas {width:400px; height:300px;margin:20px 30px 0px 30px; padding: 0px; float: right;text-align:center;}
.single {display: block;width: 160px;float: left;margin-bottom: 20px; font: 14px arial;}
label {text-align: right;width: 60px;padding-right: 20px;}
br {clear: left;}
.textarea {display: block;width: 160px;float: left;margin-bottom: 20px;height: 20px;}
.title {font: bold 18px Arial; color: #686868; line-height: 2em; }
#form {width: 450px;  padding:0px ; line-height: 1.1em;margin: 0px auto;}
#MapBox {margin: 0px auto; padding: 0px; width: 843px; height: 350px;}


/*sitemap*/
.site1 ul {margin: 0px auto; padding: 0px;}
.site1 li {margin: 0px 0px 0px 40px; padding: 6px 0px 0px 16px; font:bold 16px arial; color:#000; list-style-type: none;}
#siteRight {margin: 0px auto; padding: 0px; float:right; width:844px; border-left: solid 1px #333; overflow: hidden; min-height: 520px;}
#siteRight p {margin: 0px auto;padding: 4px 10px 0px 56px; font: 14px arial; color: #000;}

/*footer*/
#footer {margin: 0px auto; padding: 0px; background-color: #333; height: 60px; width: 1024px; clear: both;}
#footertext {width: 1024px; height: 30px;margin:0px auto; padding: 10px 0px 0px 0px; font: bold 14px arial; color: #FFF; text-align: center;} 
#footertext a {margin:0px auto; padding: 0px; text-decoration: underline; font:bold 14px arial; color: #FFF;}
#footertext a:visited {margin:0px auto; padding: 0px; text-decoration: none; font:bold 14px arial; color: #FFFF00;}
#footertext a:hover {margin:0px auto; padding: 0px; text-decoration: underline; font:bold 14px arial; color: #000;}

