body html { height:100%; }
body { padding:0; margin:0; padding-left:15px; }



/* HTML Tags */
body { font: 11px/13px Arial, Helvetica, sans-serif; color: #666666; }
p, h1, h2, h3, h4, h5, h6 { padding:0; margin:0; margin-bottom:1em; }
td, th { text-align:left; vertical-align:top; font-size:1em; }
form { margin:0; padding:0; }

img {
	border: none;
}

a, a:active { 
    border:none;
    outline:0px !important;
}


/* Links */
a:link, a:visited { color:#3399CC; text-decoration:underline; }
a:hover, a:active { color:#333333; text-decoration:underline; }



/* Headings */

h1 { color:#02676F; font-size:21px; font-weight:normal; border-bottom: 1px solid #CCCCCC; padding-bottom:3px; margin-bottom:10px;line-height: 21px; }
h2 { color:#666666; font-size:22px; font-weight:normal; border-bottom: 1px solid #CCCCCC; padding-bottom:1px; margin-bottom:10px; line-height: 22px; }
h3 { color:#666666; font-size:17px; font-weight:normal; margin-bottom:15px; line-height:18px; }
h4 { color:#3399CC; font-size:14px; font-weight:bold; margin-top:10px; margin-bottom:15px; line-height:15px; }
h5 { color:#666666; font-size:1em; font-weight:bold; margin-top:10px; margin-bottom:1em; }
h6 { color:#666666; font-size:1em; font-weight:bold; margin-top:10px; margin-bottom:0; }



/* Lists */
ul { list-style-image: none; list-style-type: none; margin:0; padding:0; margin-top:20px; margin-bottom:20px; padding-left:20px; }
ul li {
	margin:0; padding:0;
	background-image: url(/public/images/planscape/common/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style-image: none;
	list-style-type: none;
	padding-left:10px;
	color:#333333;
}



/* ---------- Bug Fixes ---------- */



div.clear { clear:both; height:1px; overflow:hidden; }



/* ---------- Main Layout Styles ---------- */



/* Container */
#container { width:745px; position:relative; }



/* Logo */
#logo { padding-top:34px; padding-bottom:4px; color:#666666; font-weight:bold; }
#logo p { padding:0; margin:0; margin-bottom:20px; }



/* Content */
#content { padding-left:155px; position:relative; }
#content div.column1 { width:375px; }
#content div.column2 { width:175px; float:right; }



/* Primary Navigation */
#navpri { position:absolute; left:152px; top:44px; width:597px; overflow:hidden; z-index: 1000; font-size:11px; font-weight:bold; }
#navpri ul { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; width:612px }
#navpri ul li { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; float:left; padding-right:8px; margin-right:7px; background-image: url(/public/images/planscape/nav_pri/divider.gif); background-repeat: no-repeat; background-position: right 2px; }
#navpri a:link, #navpri a:visited { color:#CCCCCC; text-decoration:none; }
#navpri a:hover, #navpri a:active { color:#666666; text-decoration:underline; }
#navpri a.nav-sel { color:#666666; text-decoration:underline; }


/* Left Column */
#leftcolumn { position:absolute; top:86px; left:0; width:140px; z-index: 500; }



/* Secondary Navigation */
#navsec { margin-bottom:30px; font-size:11px; font-weight:bold; }
#navsec ul { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; border-top: 1px solid #CCCCCC; }
#navsec ul li { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; border-bottom: 1px solid #CCCCCC; }
#navsec li, #navsec a, #navsec img { display:block; vertical-align:bottom; }
#navsec a:link, #navsec a:visited { text-decoration:none; }
#navsec a:hover, #navsec a:active { text-decoration:underline; }



/* Tertiary Navigation */
#navsec ul ul { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; border-top: 1px solid #CCCCCC; font-size:10px; font-weight:normal; padding-top:5px; padding-bottom:5px; }
#navsec ul ul li { width:140px; padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; border-style: none; padding-top:1px; padding-bottom:1px; background-image: none; }
#navsec ul ul li a { padding:0; margin:0; padding-left:14px; background-image: url(/public/images/planscape/common/nav_ter_bullet.gif); background-repeat: no-repeat; background-position: 5px 5px; padding-top:1px; padding-bottom:1px; }
#navsec ul ul li.selected a { background-color:#E2E9F1; }
#navsec ul ul li.navon a { background-color:#E2E9F1; }
#navsec ul ul li a:link, #navsec ul ul li a:visited { color:#336699; text-decoration:none; }
#navsec ul ul li a:hover, #navsec ul ul li a:active { color:#666666; text-decoration:underline; }



/* Footer */
#footer { margin-top:30px; padding-bottom:30px; color:#CCCCCC; font-size:10px; padding-left:155px; position:relative; }
#footer a:link, #footer a:visited { color:#CCCCCC; }
#footer a:hover, #footer a:active { color:#3399CC; }
#footer p { margin:0; padding:0; padding-top:3px; padding-bottom:3px; }
#footer p.contactdetails { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #979797; }
#footer p.contactdetails strong { font-weight:normal; padding-left:3px; }
#footer p.contactdetails a:link, #footer p.contactdetails a:visited { color:#88A7C7; text-decoration:none; }
#footer p.contactdetails a:hover, #footer p.contactdetails a:active { color:#3399CC; text-decoration:underline; }
#footer .copyright { color:#88A7C7; }



/* ---------- Other Layout Styles ---------- */



/* Products Layout */
#productslayout table { margin-top:30px; margin-bottom:30px; }
/*#productslayout table { width:588px;}*/
#productslayout table td.column1 { width:140px; }
#productslayout td { padding-right:56px; padding-bottom:30px; }
#productslayout h4 { margin:0; padding:0; padding-top:10px; font-size:1em; color:#666666; text-transform:uppercase; }
#productslayout strong { color:#333333; font-weight:normal; }
#productslayout p.image { margin:0; padding:0; margin-bottom:5px; }
#productslayout p.enlarge { margin:0; padding:0; padding-right:10px; text-align:center; }
#productslayout p.productref { font-size:10px; margin-top:5px; text-align:center; }


/* Home Page */
#flashhomepage div.backgroundimage { background-repeat: no-repeat; background-position: 0px 0px; width:590px; height:360px; }



/* Product Range Layout */
#flashproductrange { margin-top:30px; }
#productrangelayout td { padding-right:10px; padding-bottom:15px; }
#productrangelayout td.column4 { padding-right:0; }
/*
#productrangelayout a { display:block; width:140px; height:110px; overflow:hidden; position:relative; }
#productrangelayout a img { display:block; position:absolute; top:-5px; left:-5px; }
*/



/* Product Category Layout */
#flashproductsrangelayout { margin-top:30px; }
#flashproductsrangelayout td { padding-bottom:10px; }
#flashproductsrangelayout td.column1 { width:300px; }
/*
#flashproductsrangelayout a { display:block; width:290px; height:180px; overflow:hidden; position:relative; }
#flashproductsrangelayout a img { display:block; position:absolute; top:-5px; left:-5px; }
*/


/* Enquiry Form */
#formEnquiry { margin-top:20px; }
#formEnquiry input { width:190px; padding:0; margin:0; font-size:1em; }
#formEnquiry select { width:190px; padding:0; margin:0; font-size:1em; }
#formEnquiry textarea { width:190px; padding:0; margin:0; font-size:1em; }
#formEnquiry th { padding-right:20px; padding-bottom:5px; padding-top:2px; }
#formEnquiry td { padding-right:10px; padding-bottom:5px; }
#formEnquiry table th { padding-right:10px; }
#formEnquiry table td { padding-right:20px; }
#formEnquiry table.checkboxes { line-height:15px; }
#formEnquiry table.checkboxes input { width:auto; margin:0; }
#formEnquiry table.checkboxes th { padding:0; margin:0; padding-right:10px; vertical-align:middle; }
#formEnquiry table.checkboxes td { padding:0; margin:0; padding-right:0px; vertical-align:middle; color:#336699; }
#formEnquiry table tr.optional th { color:#999999; }



/* Vertical Table */
table.verticaltable th { padding-right:20px; }
table.verticaltable th, table.verticaltable td { padding-bottom:5px; }



/* Errors */
.error { color:#CC0000; }
ul.error { padding:0; margin:0; margin-top:20px; margin-bottom:20px; list-style-image: none; list-style-type: none; }
ul.error li { padding:0; margin:0; list-style-image: none; list-style-type: none; }



/* Map */
div.mapcontainer { font-size:10px; line-height:12px; }
div.mapcontainer ul { margin:0; padding:0; margin-bottom:1em; list-style-image: none; list-style-type: none; }
div.mapcontainer ul li { margin:0; padding:0; padding-left:8px; list-style-image: none; list-style-type: none; }
div.mapcontainer ul li { color:#3399CC; }
div.mapcontainer ul li a { text-decoration:none; }
div.mapcontainer ul li a:hover { text-decoration:underline; }
div.mapcontainer { text-align:right; }
div.maplist { text-align:left; position:absolute; z-index: 100; left: 300px; top: 0px; width:150px; }



/* Product List */
div.productlist { margin-bottom:20px; }
div.productlist h5 { padding:0; margin:0; border-bottom: 1px solid #CCCCCC; margin-bottom:5px; margin-top:20px;  }
div.productlist ul { margin-top:1em; padding-left:0; }
div.productlist li { margin-bottom:2px; }


/* Misc */
div.constraintext { padding-right:15%; }
div.logos p { margin-bottom:20px; }



/* Other Generic Styles */
strong.phonenumber { color:#3399CC; font-weight:bold; font-size:12px; }
span.phonenumber strong { color:#3399CC; font-weight:bold; font-size:12px; }
span.phonenumber { color:#3399CC; }


.notbold { font-weight:normal; }



div.logotable table td { padding:0; margin:0; }
div.logotable {
	width:375px;
	margin-top:25px;
	overflow:visible;
	clip: rect(0px,375px,auto,0px);
}



div.homepagehtmlticker div {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:105px;
	height:82px;
	width:350px;
}
div.homepagehtmlticker div h3 { font-size:1em; margin-bottom:0; }



dl.testimonials { }
dl.testimonials dt { color:#333333; padding-left:0; margin-left:0; }
dl.testimonials dd { color:#3399CC; padding-left:0; margin-left:0; margin-bottom:20px; margin-top:0.5em;  }


.blue { color:#3399CC; }


#directorylist { padding-right:100px; }
#directorylist dl { margin:0; padding:0; margin-top:20px; margin-bottom:20px; }
#directorylist dl dt { margin:0; padding:0; margin-top:20px; font-weight:bold; color:#333333; }
#directorylist dl dd { margin:0; padding:0; }




/* Styles for the product detail pages - 15/2/07 */

/* Basic layout */
#product-page { width: 590px; }
#product-page div.column1 { width: 220px; } 
#product-page div.column2 { width: 330px; float: right; } 


#product-page h5 { color: #02676f; margin: 20px 0 5px 0; }
#product-page h5.productname { color: #000; margin: 20px 0 5px 0; }
#product-page strong { color: #02676f; }

/* Right column */
#product-page img.main-photo { margin: 10px 0 0 0; }
#product-page img.right-title { margin: 0 0 10px -6px; border: none; }
#product-page .swatch { float: left; width: 60px; height: 70px; margin: 0 0 0 0; margin-right: 3px; }
#product-page .swatch img { border: none; }
#product-page .swatch p { font-size: 10px; }
#product-page .swatch-100 { float: left; width: 100px; margin: 0 10px 0 0; text-align: center; }
#product-page .thumb { margin: 0 10px 10px 0; float:left; }


/* Header links */
.previous 
{ 
	margin: 0 3px 0 0; 
	padding: 0 10px 0 0;
	background-image: url("/public/images/planscape/common/arrow_previous.jpg"); 
	background-position: right;
	background-repeat: no-repeat; 
}

.next 
{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 10px;
	background-image: url("/public/images/planscape/common/arrow_next.jpg"); 
	background-position: left;
	background-repeat: no-repeat; 
}

/* greyed out versions */
.previous-greyed
{ 
	color: #7FCCE8;
	text-decoration: underline;
	margin: 0 3px 0 0; 
	padding: 0 10px 0 0;
	background-image: url("/public/images/planscape/common/arrow_previous_greyed.jpg"); 
	background-position: right;
	background-repeat: no-repeat; 
}

.next-greyed
{ 
	color: #7FCCE8;
	text-decoration: underline;
	margin: 0 0 0 0; 
	padding: 0 0 0 10px;
	background-image: url("/public/images/planscape/common/arrow_next_greyed.jpg"); 
	background-position: left;
	background-repeat: no-repeat; 
}



#product-page .back 
{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 10px;
	background-image: url("/public/images/planscape/common/arrow_previous.jpg"); 
	background-position: left;
	background-repeat: no-repeat; 
}


#product-page h5.collapsingheading {
	padding:0;
	border-bottom: 1px solid #CCCCCC;
	display:block;
	margin: 0 0 10px -6px;
	width: 330px;
}
#product-page h5.collapsingheading small {
	float:right;
	text-align:right;
	font-size: 10px;
	font-weight: normal;
	display: block;
	width: 40px;
	padding: 7px 10px 0px 0px;
}


#product-page #colours-finishes { clear:both; }
#product-page #accessories { clear:both; }
#product-page #alternative-products { clear:both; }
#product-page #related-products { clear:both; }


/* For category page pagination */
.pagination { margin: 0 0 0 30px; }

input .btnsubmit 
{
	width: 91px;
}

#models p {
clear: left;
}

#option, #quote-button {
clear: left;
margin-bottom: 10px;
}



/* ----- IE8 Fix ----- */

#container {
	position:static;
}
#content {
	position:static;
}
#navpri {
	left:167px;
}
#leftcolumn {
	left:15px;
}
#selectedproductsitems div.selectedproduct {
	float:left; 
	width:290px; 
}

#selectedproductsitems div.selectedproduct img {
	width:50px;
	height:50px;
	float:left;
	margin-right:5px;
	border:none;
}

#selectedproductsitems div.selectedproductdesc {
	margin-left:55px;
}

#selectedproductsitems div.selectedproduct p.product {
	padding:0px 0 0 0;
	margin:0;
}

#selectedproductsitems div.selectedproduct p.delete {
	margin:5px 0 0 0;
	padding:0;
}

#selectedproductsitems div.selectedproduct p.delete a {
	background-image: url(public/images/planscape/delete.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin:0;
	padding:2px 0px 2px 20px;
}

div.selectedproductsclear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-bottom:20px;
}

#productslayout p.delete {
	margin:0;
	padding:0;
	text-align:center;
}
#productslayout p.delete a {
	background-image: url(public/images/planscape/delete.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin:0;
	padding:2px 0px 2px 20px;
}
.paging {
	margin:15px 0;
}
.pagingprogress {
	margin-left:45px;
}