/*Produced by MicroGraphix - Anno Domini 2007 - http://micrographix.co.uk*/

/*page properties*/

body {
background-color: #CCCCCC;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 15px;
font-size: 80%;
font-family : "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
line-height: 150%;
text-align: left;
color: #333333; }

h1{font-size: 160%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 160%;
text-align: left;
padding-top: 10px; }

.h1pad{font-size: 150%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 180%;
background-color: #ffffff;
text-align: left;
padding-left: 37px; }

h2 {font-size: 140%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 150%;  }

h3 {font-size: 120%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 140%; 
background-color: #ffffff; }

h4 {font-size: 110%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 100%; 
background-color: #ffffff;
margin-bottom: -5px; }

/*
Global Linking
-------------------------------------------------*/
a {outline: none; }
a:link { }
a:visited { }
a:hover {color: #6699ff;
text-decoration: none; } 
/*
Image Module
-------------------------------------------------*/
img {border: none;
/*
vertical-align: top;
careful - this can cause havoc with MSIE
*/
margin: 0; }
a img {border: none; }
a:hover.img {border: none; }
/*



/*header panels*/

.headerleft{background-color: #ffffff;
background-image: url(images/lh_corner_panel.jpg); 
background-repeat: no-repeat;
width: 38px; }

.headernav{
background-image: url(images/product_nav_bground.jpg);
text-align: left;
background-repeat: no-repeat; }

.topnavpanel{font-size: 90%;
text-decoration: none;
color: #FFFFFF;
text-align: left;
font-weight: normal;
background-image: url(images/top_nav_bground.jpg);
background-repeat: no-repeat;  }

/*main navigation typography*/
/*top menu*/

.topnav {font-size: 100%;
text-decoration: none;
color: #666666;
text-align: left;
font-weight: normal;
line-height: 100%;
padding-right: 6px;
padding-left: 6px; }
a:hover.topnav {color: #333333;
text-decoration: none; } 

.topnavleft {font-size: 100%;
text-decoration: none;
color: #666666;
text-align: left;
font-weight: normal;
line-height: 100%;
padding-left: 40px;
padding-right: 6px; }
a:hover.topnavleft {color: #333333;
text-decoration: none; } 


/* bread crumb */
.breadcrumb_container{
	padding-bottom:10px;
	border:0pt black solid;
}
.breadcrumb {font-size: 100%;
text-decoration: none;
color: #666666;
text-align: left;
font-weight: normal;
line-height: 100%;}

a:hover.breadcrumb {color: #333333;
text-decoration: none; } 

/*product menu*/

.productnav {font-size: 100%;
color: #ffffff;
text-align: left;
font-weight: bold;
line-height: 100%;
padding-right: 10px;
padding-left: 10px;
text-decoration: none; }
a:hover.productnav {color: #666699;
text-decoration: none; }

.productnav2 {font-size: 100%;
color: #ffffff;
text-align: left;
font-weight: bold;
line-height: 100%;
padding-right: 0px;
padding-left: 50px;
text-decoration: none; }
a:hover.productnav {color: #666699;
text-decoration: none; }

.productnav3 {font-size: 100%;
color: #ffffff;
text-align: left;
font-weight: bold;
line-height: 100%;
padding-right: 0px;
padding-left: 5px;
text-decoration: none; }
a:hover.productnav {color: #666699;
text-decoration: none; }   

.productnavleft {font-size: 100%;
text-decoration: none;
color: #ffffff;
text-align: left;
font-weight: bold;
line-height: 100%;
padding-right: 10px;
padding-left: 40px; }
a:hover.productnavleft {color: #666699;
text-decoration: none; } 


/*main body text*/

.bodytext {font-size: 90%;
line-height: 150%;
text-align: left;
color: #666666;
padding-right: 60px; 
padding-left: 45px; 
background-color: #ffffff;
padding-bottom: 30px;
padding-top: 10px; }
a:hover.bodytext {color: #666666; }

.textlinks {color: #6699ff;
text-decoration: none; }
a:hover.textlinks {color: #333333;
text-decoration: underline;
background-color: #ffffff; }

.bodytextnopad {font-size: 90%;
line-height: 150%;
text-align: left;
color: #666666; }




/*news panel text*/

.newstext {font-size: 100%;
line-height: 150%;
text-align: left;
color: #666666;
text-decoration: none;
background-color: #DAE6F2; }
a:hover.newstext {color: #333333;
text-decoration: underline; }




/*background panels*/


.homepanel{background-image: url(images/lh_image_panel2.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel2{background-image: url(images/laguna_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel3{background-image: url(images/modern_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel4{background-image: url(images/laguna_text.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel5{background-image: url(images/laguna_text_suite.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel6{background-image: url(images/lit_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel7{background-image: url(images/collection_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel8{background-image: url(images/categories_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel9{background-image: url(images/contact_image.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel10{background-image: url(images/about_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel11{background-image: url(images/trad_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel12{background-image: url(images/bowls_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel12{background-image: url(images/brassware_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel13{background-image: url(images/btow_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel14{background-image: url(images/wall_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel15{background-image: url(images/space_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel16{background-image: url(images/water_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel17{background-image: url(images/accessories_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel18{background-image: url(images/bowls_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel19{background-image: url(images/stockist_image_panel.jpg);
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel20{background-image: url(images/cad_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel21{background-image: url(images/less_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel22{background-image: url(images/search_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel23{background-image: url(images/newprod_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel_imagebank{background-image: url(images/ibank_image_panel.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px; }

.homepanel_range{
background-color: #DAE6F2;
width: 220px;
height: 300px; }


.contactpanel{background-image: url(images/contact.jpg); 
background-repeat: no-repeat;
background-color: #DAE6F2;
width: 220px;
height: 300px;
text-align: left;
vertical-align: top; }

.contacttxt{
color: #333333;
font-size: 90%;
padding-left: 20px;
padding-top: 30px;
font-weight: bold;
padding-bottom: 0px; 
}

.newspanel{
background-color: #DAE6F2;
font-size: 90%;
line-height: 150%;
text-align: left;
color: #ffffff;
padding-right: 20px; 
padding-left: 20px;
padding-top: 20px;
vertical-align: top; }
a:hover.newspanel {color: #666666; }

.newspanel2{
background-color: #DAE6F2;
font-size: 90%;
line-height: 150%;
text-align: left;
color: #666666;
padding-right: 20px;  
padding-left: 20px;
padding-top: 20px; }
a:hover.newspanel2 {color: #666666; }

.newspanel3{
background-color: #DAE6F2;
font-size: 80%;
line-height: 140%;
text-align: left;
color: #333333;
padding-top:10px;
padding-left:20px;
padding-right:20px;
vertical-align: top;
text-decoration:none; }

.newspanel3 a{
color: #6699FF;
text-decoration:none;
outline:none;
 }

.newspanel3 a:hover{
color: #6699FF;
text-decoration:none;
outline:none;
 }
.newspanel3_title {
font-size: 120%;
text-decoration: none;
color: #6699ff;
font-weight: normal;
line-height: 80%; 
 }


.table {
background-color: #DAE6F2;
font-size: 120%;
line-height: 100%;
text-align: right;
color: #666666;
padding-right: 5px;}



/*browse collections panels*/

.browsepanel {
	font-size: 90%;
	color: #999999;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 20px;
	vertical-align: top;
	text-align: left;
}

.browsepanel h2{
	font-size: 130%;
	margin-bottom: -15px;
}



a:hover.browsepanel {color: #666;}


.prodtitlebox {padding: 10px;
background-color: #8aa8c5;
color: #ffffff;
font-weight: bold;
padding-left: 10px;
text-align: left; }

.prodtitle {color: #ffffff;
text-decoration: none;
font-size: 100%; }
a:hover.prodtitle {color: #666666; }

.infotitlebox{font-size: 80%;
line-height: 150%;
text-align: left;
color: #666666;
padding: 10px;
background-color: #DAE6F2;
text-decoration:none;

}

/*Forms*/

.tablinks{font-size: 100%;
text-decoration: none;
padding-right: 5px;
text-align: right;
color: #3366cc;
font-weight: normal;
}

.tabtopcolor{
background-color: #F0ECE5;
color: #666666;
padding-left: 10px; }

.errors {
color: #cc0000;
font-weight: bold; }


/*stockist locator*/

.selectiontitle {
text-decoration: none;
color: #6699ff;
font-weight: bold;
text-align: left;
font-size: 120%; }

.selectionnote {
text-decoration: none;
color: #666666;
text-align: left;
padding-left: 25px;
line-height: 120%; }

.postcodenote {
text-decoration: none;
color: #666666;
text-align: left;
line-height: 120%;
padding-top: 8px;
padding-bottom: 5px; }




.colspacer {
width: 12px; }



/*individual collection pages*/

.collectioninfopanel{
background-color: #DAE6F2;
font-size: 90%;
color: #666666;
text-align: left;
vertical-align: top;
width: 178px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 20px;
line-height: 140%;
/*keep this min height for MSIE6*/
height: 650px; }
 
.h1collection {
margin-top: -20px;
font-size: 100%; }

.h1collection2nd {
font-size: 70%;
line-height: 120%; }

.topinfopanel{
padding-bottom: 30px;
 }

.pdf-download {color: #666666; 
	background-repeat: no-repeat;
	background-position: 125px 50%;
	padding: 0px 20px 0px 0px;
font-weight: bold;
text-decoration: none;
border-top: 2px #ffffff solid;
border-bottom: 2px #ffffff solid;
display: inline-block; 
}
.pdf-download a{
	color:#666666;
	text-decoration:none;
}
.pdf-download a{
	color:#666666;
	text-decoration:none;
}
.pdf-download p{
	line-height:100%;
	margin-bottom:10px;
}

.pdfdownloadlinx {color: #666;
text-decoration: none;
font-size: 90%;
}

.ftrackpanel {color: #666666; 
padding: 20px 0px 20px 0px;
font-weight: bold;
text-decoration: none;
border-bottom: 2px #ffffff solid; }
.ftrackpanellinx {color: #666;
text-decoration: none;
 }




/*Company pages*/

.cptpanel {
width: 500px;
vertical-align: top;
padding-right: 25px;
text-align: left; }

.cpmenupanel {
vertical-align: top;
width: 130px;
padding-top: 60px;
text-align: left;
padding-left: 20px; }

.cpmenutxt {color: #3366cc;
text-decoration: none; }


/*professional page*/

.protpanel {
width: 426px;
vertical-align: top;
padding-right: 25px;
text-align: left; }






/*literature page*/


div#catalogDisplay{
	text-align: center;
	margin-bottom: 25px;
}

div#catalogDisplay img{
	padding: 15px 20px 5px;
}

div#catalogDisplay table td{
	text-align: center;
	margin: 20px;
}

div#catalogDisplay table tr{
	margin-top: 30px;
	margin-bottom: 30px;
}


.cataloguelabels {
vertical-align: top;
text-align: center;
padding-bottom: 30px;
padding-left: 15px; }

.cataloguelabels2 {
vertical-align: top;
text-align: center;
padding-bottom: 15px;}

.cataloguelabels3 {
	vertical-align: top;
	text-align: center;
	padding-bottom: 10px;
	line-height: 130%;
}

.cataloguelabels3 a{
	color: #999;
	text-decoration: none;
}

.cataloguelabels3 a:hover{
	color: #666;
}






/*
Footer
-------------------------------------------------*/

.footer {font-size: 75%;
line-height: 150%;
text-decoration: none;
color: #999999;
text-align: left;
font-weight: normal;
background-color: #ffffff;
padding-top: 15px;
padding-left: 45px;
padding-right: 60px;
padding-bottom: 20px; }

.footerlink{text-decoration: none;
color: #666666;
text-align: left;
font-weight: normal;
background-color: #ffffff;}




/*
Water Saving Category page - JW 290709
-------------------------------------------------*/

table.data{
	border: 1px solid #999;
}

table.data h4{
	font-size: 13px;
	color: #6699ff;
}

table.data td{
	padding: 10px;
	vertical-align: top;
}