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



/* HTML Tags */
body { font: 12px/16px Arial, Helvetica, sans-serif; color: #4d4d4d; }
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:#395575; text-decoration:underline; }
a:hover, a:active { color:#395575; 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; }

/* - - - - - - the following allows the product name to use H2 tag instead of the H5 tag for better SEO - - - - - -*/
h1.productname { color:#666666; font-size:1em; font-weight:bold; margin-top:10px; margin-bottom:1em; }
h2.categoryHeader {color:#02676F; font-size:21px; font-weight:normal; border-bottom: 1px solid #CCCCCC; padding-bottom:3px; margin-bottom:10px;line-height: 21px;}



/* 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:950px; position:relative !important; margin:auto;}



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



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



/* Primary Navigation */
#navpri { /*position:absolute; left:152px; top:44px;*/margin: -45px 0px 20px 178px; width:770px; 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:770px; }
#navpri ul li { padding:0; margin:0; list-style-image: none; list-style-type: none; display:block; float:left; padding-right:24px; margin-right:11px; 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:165px; z-index: 500; }



/* Secondary Navigation */
.navsec { margin-bottom:12px; 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; background-image: none; }
.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; }

.navsec ul li a, .navsec ul li a:hover{
    font-size: 11.5px;
    padding: 5px 0 5px 5px;
    color:#88a7c7;
    text-decoration: none;
}



.navsec ul li.current a{
background:#88a7c7;
color:#FFF;
}






/* 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) !important; background-repeat: no-repeat !important; background-position: 5px 5px !important; padding-top:1px; padding-bottom:1px; font-size:1em; }
.navsec ul ul li.selected a, .navsec ul li.current ul li.navon 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; font-size:1em; }

.navsec ul li.current ul a{
background:none;
    padding: 1px 0 1px 14px;

}
#navfooter ul
{
	padding:0;
	margin:0;
	
}

#navfooter ul li
{
	background:none;
	padding:8px 0;
	border-bottom:1px solid #CCC;
}

#navfooter ul li.first
{
padding:4px 0 8px 0;
}

#navfooter ul li.last
{
    border-bottom:none;	
}

#navfooter ul li a
{
	display:block;
}

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



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



/* Products Layout */
#productslayout table { margin-top:30px; margin-bottom:30px; }
/*#productslayout table { width:588px;}*/
#productslayout table td.column1 { width:245px; }
#productslayout table td.column2 { width:245px; }
#productslayout table td.column3 { width:245px; }
#productslayout td { padding-right:10px; 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;  text-align: center;}
#productslayout p.enlarge { margin:0; padding:0; padding-right:10px; text-align:center; }
#productslayout p.productref { font-size:11px; 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 table { float:left; }
#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: 755px; }
#product-page div.column1 { width: 375px; } 
#product-page div.column2 { width: 335px; 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{
clear: left;
margin-bottom: 10px;
}
#quote-button{
clear: left;
margin-bottom: 30px;

}

#quote-button ul{
margin:0;
padding:0;

}

#quote-button ul li{
margin:0;

padding: 6px 0 0 0;

background:none;

}


/* ----- 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;
}

.errortxt {
 color:#FF0000; font-size:16px;
margin-bottom:6px;

}
#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;
}

.errortxt {
 color:#FF0000; font-size:16px;
margin-bottom:6px;

}





#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;
}

.errortxt {
 color:#FF0000; font-size:16px;
margin-bottom:6px;

}

#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;
}

.errortxt {
 color:#FF0000; font-size:16px;
margin-bottom:6px;

}

/* - - - - - FIX for span element on gtfcontenteditable3 : gives better line height to opening para - - - - - -*/

#gtfcontenteditable3 > p > span {line-height: 115%;}

/* - - - - SAVED PRODUCTS BUTTON POSITION DECLARATION - - - */
#savedProductsButton {margin-left: 64px;}

.no-top ul{
    border-top: 0 none !important;
}


#intro {
    display: block;
    float: left;
    margin-bottom: 25px;
    width: 765px;
}
#intro h2 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 25px;
    width: 382px;
}
#intro img {
    border-radius: 30px 30px 30px 30px;
    float: left;
    margin: 0 8px;
    position: relative;
    width: 366px;
    behavior:url(PIE.htc);
}
#intro p {
    float: left;
    margin-left: 12px;
    width: 370px;
}

#productslayout{
clear:both;
}
#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;
}

.errortxt {
 color:#FF0000; font-size:16px;
margin-bottom:6px;

}
span#orderby{
 display:inline;
 float:right;
 margin-top:-7px;
}

span#orderby span{
   left: -1px;
    position: relative;
    top: -16px;
}

#product-list-menu
{
	width:590px;
                height: 40px;
    margin-bottom: 5px;
}  

    .search
    {
        position: absolute;
        top: 17px;
        right: 0;
        margin-right:40px;
        z-index:10000;
    }

  .search input[type=text]
    {
    background: none repeat scroll 0 0 transparent;
    border: 0 none transparent;
    float: left;
    font-size: 12px;
    height: 13px;
    left: -10px;
    margin-top: 4px;
    position: relative;
    width: 106px;
    z-index: 100;
}
   
    .search input[type=submit]
    {
        height: 19px;
        font-size: 11px;
    }

#search-form
{
    position:absolute;
    top:0;
    right:51px;
    z-index:-1;

	
}