/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

a {color:#003366}

#container {width:937px; margin:0 auto;}

.white {color:#fff;}
#header a {color:#a0b8ca; text-decoration:none}
#header .homelinks {color:#a0b8ca; font-size:14px; padding:30px 0 0 30px; float:left}

.caption {width:auto}


#header { background:#000033 url(web/images/headerbg1.jpg) repeat-x;margin-bottom:5px; color:#fdea17; font-size:14px}
#header #logo {width:900px; margin:0 auto; padding:15px;}
#header #logo .left div#logoimg { width: 350px; height: 27px; background-position: top left; background-repeat: no-repeat; background-image: url('web/images/logo.gif'); padding: 35px 0px 0px 210px; }
#container.yellow #header #logo .left div#logoimg { background-repeat: none; background-image: url('web/images/logo_joinery.gif'); }
#container.grey #header #logo .left div#logoimg { background-repeat: none; background-image: url('web/images/logo_maintain.gif'); }

#header #logo .right {width:30%; float:right; text-align:right; font-size:16px; padding-top:5px}

#header #nav {width:auto; border-top:5px solid #fff; border-left:5px solid #fff; float:right; margin-top:15px; height:42px; color:#fff; }
#header #nav div { float:left; padding:13px 0}
#header #nav a {color:#fff;}
#header #nav a:hover {text-decoration:underline}
#header #nav div.navitem {background:url(web/images/nav_buybg.jpg) repeat-x; border-right:5px solid #fff; width:165px; text-align:center}
#header #nav div.lightblue {background:url(web/images/nav_rentbg.jpg) repeat-x; }
#header #nav div.grey {background:url(../images/nav_maintainbg.jpg) repeat-x; }
#header #nav div.yellow {background:url(web/images/nav_joinerybg.jpg) repeat-x; border-right:none;}
#header #nav div.yellow a {color:#000066}

#sidenav { width:230px;  font-size:11px; float:left}
#sidenav h1 {padding:4px 10px; background:#2a377d; color:#fff; font-size:14px; margin:0 0 6px 0; text-transform:capitalize}
#sidenav ul {background:#f1f1f1; padding:10px 10px 30px 10px; margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#878785}
#sidenav ul li {padding:3px; list-style:none}
#sidenav a {color:#878785; text-decoration:none;}
#sidenav a:hover {text-decoration:underline;}

.yellow #sidenav h1 {background:#a19d93;}
.grey #sidenav h1 {background:#a09f9f;}


#leftnav {width:230px; float:left;}
#leftnav h1 {padding:4px 10px; background:#a09f9f; color:#fff; font-size:14px; margin:0 0 6px 0}
#leftnav ul {background:#f1f1f1; padding:10px 10px 30px 10px; margin:0 0 10px 0; font-weight:bold; font-size:14px; color:#878785}
#leftnav ul li {padding:3px; list-style:none}
#leftnav ul.news {font-weight:normal; color:#444; font-size:12px}
#leftnav ul.news .newstitle {font-weight:bold; font-size:14px}
#leftnav a {color:#878785; text-decoration:none}
#leftnav a:hover {color:#878785; text-decoration:underline}


#mainpanel {float:right; width:701px;}


#banner {height:137px; background:#000033 url(web/images/banner_buybg.jpg) repeat-x; color:#fff; margin-bottom:5px; padding:0; font-size:12px}
#banner a {color:#fff;}
#banner img {float:right}
#banner div {width:250px;padding:15px}
#banner h1 {padding:0; margin:0; font-size:20px}

#banner.homebanner div {margin:0; padding:0; width:100%}
#banner.homebanner div div {width:250px;padding:30px}
#banner.homebanner h1 {padding:0; margin:0; font-size:33px}

.grey #header a {color:#999;}
.grey #header .homelinks {color:#999; font-size:14px; padding:30px 0 0 30px; float:left}
.grey #header { background:#d7b432 url(web/images/headerbg3.jpg) repeat-x;}
.grey #header .right {color:#999}
.grey #banner {background:#a09f9f}

.yellow #header a {color:#666;}
.yellow #header .homelinks {color:#666; font-size:14px; padding:30px 0 0 30px; float:left}
.yellow #header { background:#d7b432 url(web/images/headerbg2.jpg) repeat-x;margin-bottom:5px; color:#666; font-size:14px}
.yellow #leftnav.joinery h1 {background:#a19d93;}
.yellow #leftnav.joinery ul {color:#a19d93}
.yellow #banner {background:#d8b532 url(web/images/banner_joinerybg.jpg) repeat-x; color:#333}


form.rentsearch { margin-bottom:20px; padding:10px}
form.rentsearch fieldset {background:#ebebeb; border:1px solid #ccc; padding:15px; font-size:12px}
form.rentsearch legend {color:#336699; padding:5px; font-size:15px}
form.rentsearch label {width:150px; margin-bottom:10px; color:#333; font-weight:bold}
form.rentsearch div {float:left; margin-right:50px}
form.rentsearch select{width:200px}


#callout {margin:0 0 10px 0; padding:0 10px; font-size:12px; line-height:16px}
#delivery {margin:0 0 10px 0; padding: 0 10px; font-size:12px;line-height:16px}

.fullwidth {width:100%}
.fullwidth h1 {margin:0; padding:10px; font-size:24px; font-weight:normal}
.fullwidth p {margin:3px 0 3px 0; padding:10px; font-size:12px; line-height:16px}

.rentalbrief {}
.rentalbrief h1 {font-size:18px; font-weight:normal}
.rentalbrief table.property {width:100%; border:none; font-size:11px}
.rentalbrief table.property a {color:#505E8F; text-decoration:none}
.rentalbrief table.property a:hover {text-decoration:underline}
.rentalbrief table.property tr.header {text-align:left; font-weight:bold; background:#a0b8ca; }
.rentalbrief table.property tr.propertybrief {text-align:left; border-bottom:1px dashed #fff;background:#cfdbe3; }
.rentalbrief table.property th {padding:8px; font-size:14px; color:#505E8F; font-weight:normal}
.rentalbrief table.property td {padding:8px}


.fourcol {margin-bottom:15px}
.fourcol p {padding:6px; margin:0; font-size:11px; color:#2c2c2c; line-height:15px;}
.fourcol div {width:229px; float:left; margin-right:7px; background:#eae9e8;}
.fourcol h1 { color:#fff; margin:0; font-size:16px; padding:5px; font-weight:normal}
.fourcol p a {color:#333; text-decoration:underline}
.fourcol h1 a { color:#fff; text-decoration:none}
.fourcol h1 p {margin:0; font-size:16px; color:#fff; padding:3px}
.fourcol div img {margin:8px 9px 10px 9px; border:0}

.fourcol div h1.buy {background:#15295a; height:26px; overflow:hidden}
.fourcol div h1.rent {background:#3b498e; height:26px; overflow:hidden}
.fourcol div h1.maintain {background:#605f5f; height:26px; overflow:hidden}
.fourcol div h1.joinery {background:#f5d130; height:26px; overflow:hidden;}
.fourcol div h1.joinery a {color:#000066}
.fourcol .col1 { height:259px }
.fourcol .col2 { height:259px}
.fourcol .col3 { height:259px}
.fourcol .col4 {margin-right:0; height:259px}
.fourcol div.copy {height:88px; overflow:hidden;font-size:11px; color:#2c2c2c; line-height:15px;}

.twocol {margin-bottom:15px;font-size:12px;}
.twocol p {margin:3px 0 3px 0; padding:10px;  line-height:16px}
.twocol p a {color:#006699}
.twocol .col1 h1 {margin:0; padding:10px; font-size:24px; font-weight:normal}
.twocol .col1 h2 {display:block; background:#233884; color:#fff; font-size:16px; font-weight:normal; padding:6px}
.twocol div {}
.twocol .col1 {width:48%;}
.twocol .col2 {float:right; width:45%}
.twocol .col2 h1 {display:block; background:#233884; color:#fff; font-size:18px; font-weight:normal; padding:8px}
.twocol .col2 h2 {display:block; font-size:15px;}
.twocol .col2 .property {display:block; padding:10px; margin-bottom:10px}
.twocol .col2 .property img {float:left; margin:0 10px 4px 0}
.twocol .col2 .property p {margin:0; padding:0 0 10px 0; font-size:11px; line-height:14px}
.twocol .col2 .property a {color:#505e8f; font-size:12px}
.twocol .col2 h3 {color:#505e8f; font-size:16px; font-weight:normal; margin:0; padding:0 0 4px 0}
.twocol .col2 .odd {background:#a0b8ca;}
.twocol .col2 .even {background:#cfdbe3;}

.contact .col2 {width:506px;}
.contact .col1 {width:405px;}

#propertyinfo h3 {margin:7px 0 15px 0; padding:0; font-size:16px; border-bottom:1px solid #ccc}
#propertyinfo p {margin:7px 0 10px 0; padding:0; font-size:12px; line-height:16px}
#propertyinfo a {background:#a0b8ca; color:#fff; padding:6px; text-decoration:none}

#testimonial {background:#cfdbe3; padding:20px 20px; font-size:12px;}
#testimonial p {padding:0; margin:0; font-size:10px}
#testimonial .left {width:30%; color:#505e8f; float:left; margin-bottom:40px}
#testimonial .right { width:65%;  color:#333; font-size:11px;}

.twothirds {margin:10px 0;}
.twothirds .col1 {width:611px;}
.twothirds .col2 {width:295px; float:right}

ul.pdflinks {list-style:none; padding:0; margin:0}
ul.pdflinks li {margin:0; padding:0; display:block; height:120px}
ul.pdflinks li p {margin:0; padding:0; font-size:11px }
ul.pdflinks li.odd { background:#e4e3e4;}
ul.pdflinks li.even { background:#c8c8c7;}
ul.pdflinks li div {padding:20px}
ul.pdflinks li .icon {width:80px;}
ul.pdflinks li .title {width:133px; font-weight:bold; color:#666;}
ul.pdflinks li .copy {width:180px; color:#333; font-size:12px}
ul.pdflinks li .link {color:#333; font-size:12px; text-align:right; padding-top:50px}
ul.pdflinks li .link a {color:#969596;}

.latestnews {border:7px solid #c0bebe; padding:4px; height:338px; overflow:hidden}
.latestnews h3 {color:#8a8a8a; font-size:16px; padding:0; margin:0}
.latestnews ul {margin:0; padding:15px; font-size:12px; color:#333;}
.latestnews ul li {margin-bottom:13px;}
.latestnews .newstitle {font-weight:bold;}
.latestnews a {color:#8a8a8a; font-weight:bold}

#footer { clear:right; color:#666; font-size:12px; margin:50px 0 20px 0;padding-bottom:30px; border-bottom:1px solid #ccc; }
#footer a {color:#666; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer h2 {font-size:14px; padding:0; margin:0}
#footer ul {list-style:none; padding:0; margin:10px 0 0 0;}
#footer ul li {padding:0; margin:5px 0;}

#logos {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 0; margin-top:10px}
#logos img {margin-right:30px}

#disclaimer {color:#666; font-size:11px; margin-bottom:20px}
#disclaimer a {color:#666; text-decoration:underline;}
#disclaimer ul {list-style:none; padding:0; margin:0;}
#disclaimer ul div { display:inline; margin-right:8px;}
#disclaimer .chemistry {float:right; width:auto;}


.fivecols {}
.fivecols div {width:19%; margin-right:11px; float:left }
.fivecols .col1 {}
.fivecols .col2 {}
.fivecols .col3 {}
.fivecols .col4 {}
.fivecols .col5 { margin-right:0;}

.pageimageblock {height:auto}

ul.maintain {list-style:none; margin:0; padding:0; display:inline; color:#333; font-size:12px}
ul.maintain li {background:#f1f1f1; width:50%; margin-bottom:10px; padding:0; float:left; height:155px}
ul.maintain li img {float:left; margin:0 10px 5px 0;}
ul.maintain li p {font-size:10px}
ul.maintain li p a {font-size:10px; color:#898887; margin:0}
ul.maintain .pad {padding:15px; display:block}
ul.maintain li.alternative {background:#e0dfdf;}
ul.maintain h2 {font-size:14px; color:#898887; margin:0; padding:0}
ul.maintain a {color:#898887; text-decoration:none}
ul.maintain p a {font-size:11px; text-decoration:underline}

#return {margin:20px 0; font-size:12px}
#return a {color:#003366; text-decoration:none}
#return a:hover {text-decoration:underline}


#testimonial.maintain {background:#c5c5c3;}
#testimonial.maintain .left { color:#666}

ul.joinery {list-style:none; margin:0; padding:0; display:inline; color:#333; font-size:12px}
ul.joinery li {background:#f1ede2; width:50%; margin-bottom:10px; padding:0; float:left; height:140px}
ul.joinery li img {float:left; margin:0 10px 5px 0;}
ul.joinery .pad {padding:15px; display:block}
ul.joinery li.alternative {background:#e2ded2;}
ul.joinery h2 {font-size:14px; color:#a19d93; margin:0; padding:0}
ul.joinery a { color:#a19d93; text-decoration:none}
ul.joinery p a {font-size:11px; text-decoration:underline}


#testimonial.joinery {background:#cac2af}
#testimonial.joinery .left {color:#666}

.clear {clear:both; margin:0; padding:0}