body {
	font-family: Arial, Helvetica;
	background-color: #ffffff;
	color: #000066;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/main_bkgnd.jpg);
	background-repeat: no-repeat;
	font-size: 10pt;
}

a:link    {color: #660000; font-weight: normal; text-decoration: none}
a:visited {color: #660000; font-weight: normal; text-decoration: none}
a:active  {color: #660000; font-weight: normal; text-decoration: none}
a:hover   {color: #660000; font-weight: normal; text-decoration: underline}


.border-top {background: url(images/bart.gif) repeat-x #eeeeee;}
.centre {text-align: center;}
.red {color: #ff0000;}

#pagemenu {
	position: absolute; 
	top: 80px; 
	left: 0px;
	width: 150px; 
	z-index: 100;
	}

#framemenu {
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 150px; 
	z-index: 100;
	}

#listmenu  {margin: 0px 0px 0px 5px; padding: 0px; list-style-type: none;}
#listmenu  li { margin: 0px 0px 3px 0px; width: 110px;}
#listmenu  li ul {margin: 3px 0px 0px 0px; list-style-type: none; padding: 0px;}
#listmenu  li ul li { margin: 0px 0px 3px 25px; width: 110px; }
#listmenu  li a { border: 1px solid #009;background: #ccc; font-weight: normal;}
#listmenu  li ul li a {  border: 1px solid #009;background: #eee; font-weight: normal;}

#listmenu a {display: block; width: 100%;}

#listmenu a:link {padding: 0px 0px 0px 3px; color: #009; text-decoration: none;}
#listmenu a:visited {padding: 0px 0px 0px 3px; color: #009; text-decoration: none;}
#listmenu a:active {padding: 0px 0px 0px 3px; color: #900; text-decoration: none;}
#listmenu a:hover {padding: 0px 0px 0px 3px; color: #900; text-decoration: none;}

#listmenu li ul li a:link {padding: 0px 0px 0px 3px; color: #900; text-decoration: none;}
#listmenu li ul li a:visited {padding: 0px 0px 0px 3px; color: #900; text-decoration: none;}
#listmenu li ul li a:active {padding: 0px 0px 0px 3px; color: #966; text-decoration: none;}
#listmenu li ul li a:hover {padding: 0px 0px 0px 3px; color: #966; text-decoration: none;}



.pagebody {
	position: absolute; 
	top: 80px; 
	left: 180px;
	width: 350px; 
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	}
	
.pagebodyprices {
	position: absolute; 
	top: 80px; 
	left: 180px;
	width: 600px; 
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 20px 0px;
	padding: 0px 5px 20px 0px;
	}
	
.pagebodystones {
	position: absolute; 
	top: 80px; 
	left: 180px;
	width: 600px; 
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 20px 0px;
	padding: 0px 5px 20px 0px;
	}
	
.pagebodymm {
	position: absolute; 
	top: 80px; 
	left: 180px;
	width: 650px; 
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 20px 0px;
	padding: 0px 5px 20px 0px;
	}
	
.pagebodycontact {
	position: absolute; 
	top: 80px; 
	left: 170px;
	width: 200px; 
	height: 350px; 
	border: 1px solid #6699cc;
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 3px;
	}

.stoneimgs  {margin: 0px ; padding: 0px; list-style-type: none; overflow: auto;}
.stoneimgs  li {position: relative; float: left; margin: 0px 10px 10px 5px; padding: 2px; text-align: center;border: 1px solid #69c;}
.stoneimgs  img {display: block; border: 0px;}
.imagesstone {position: relative; display: block; overflow: auto; clear: left;}

.prices {border-collapse: collapse; border: 1px solid #009; margin: 10px 0px 0px 0px;}	
.exvat {font-size: 90%;}
.prices td {border: 1px solid #69c; padding: 1px 3px 1px 3px;}
.tdpricehead {text-align: right; font-weight: bold; vertical-align: bottom; color: #00a; background: #ffc}
.tdpriceheadname {text-align: center; font-weight: bold; vertical-align: bottom; border: 0px; font-size: 12pt; color: #00a;}
.tdprice {text-align: right; font-weight: normal; vertical-align: top; font-size: 9pt; background: #ffc}
.tdpricename {text-align: left; font-weight: bold; vertical-align: top; font-size: 9pt;}

.measurements {border-collapse: collapse; border: 1px solid #009; margin: 0px 0px 10px 0px;}	
.measurements td {padding: 1px 3px 1px 3px; }
.tdmmhead {white-space: nowrap;text-align: right; font-weight: bold; vertical-align: bottom; color: #00a; background: #ffc; border: 1px solid #69c; font-size: 9pt;}
.tdmmheadname {text-align: center; font-weight: bold; vertical-align: bottom; border: 0px; font-size: 12pt; color: #00a;}
.tdmm {text-align: right; font-weight: normal; vertical-align: top; font-size: 8pt; background: #ffc;border: 1px solid #69c; }
.tdmmname {text-align: right; font-weight: bold; vertical-align: top; font-size: 8pt;border: 1px solid #69c; }
.tdmmheads {text-align: center; font-weight: bold; vertical-align: bottom; color: #c00;font-size: 9pt;}

.pagebodywide {
	position: absolute; 
	top: 80px; 
	left: 125px;
	width: 600px; 
	height: 400px; 
	border: 1px solid #6699cc;
	overflow: auto;
	overflow-x: hidden;
	margin: 0px 5px 0px 0px;
	}

	
.pageright {
	position: absolute; 
	top: 80px; 
	left: 550px;
	width: 300px; 
	height: 300px; 
	}
.pagerightcontact {
	position: absolute; 
	top: 80px; 
	left: 385px;
	width: 350px; 
	height: 350px; 
	border: 1px solid #6699cc;
	}

.pagerightquote {
	position: absolute; 
	top: 80px; 
	left: 170px;
	width: 600px; 
	margin: 0px 0px 20px 0px;
	}

.marbleright {
	position: absolute; 
	top: 80px; 
	left: 170px;
	width: 600px; 
	margin: 0px 0px 0px 0px;
	padding: 2px;
	}

.granites {
	width: 550px; 
	border-collapse: collapse;
	position: relative; 
	margin: 0px 0px 10px 0px;
	left: 20px;
	}
.granites td {	border: 1px solid #6699cc; padding: 2px; text-align: center;}

.imager {float: right; margin: 0pc 5px 5px 10px;}

hr {color: #999999;}
td {font-family: Arial, Helvetica; color: #000000; font-size: 10pt}
h1 {display:inline; font-size: 14pt; font-weight: bold; color: #000066;}
h2 {display:inline; font-size: 12pt; font-weight: bold; color: #000066;}
h3 {font-size: 14pt; font-weight: bold; color: #E6E7AB}

.telfax {width: 35px;}

.productlink:link    {text-decoration: none; color: #000066; font-size: 9pt; font-weight: normal;margin: 0px 0px 0px 5px; line-height: 150%;}
.productlink:visited {text-decoration: none; color: #000066; font-size: 9pt; font-weight: normal;margin: 0px 0px 0px 5px; line-height: 150%;}
.productlink:active  {text-decoration: none; color: #cc0000; font-size: 9pt; font-weight: normal;margin: 0px 0px 0px 5px; line-height: 150%;}
.productlink:hover   {text-decoration: none; color: #cc0000; font-size: 9pt; font-weight: normal;margin: 0px 0px 0px 5px; line-height: 150%;}

.productlinkmenu { display: block; width: 110px; height: 15px; border: 1px solid #cc0000; padding: 0px 0px 0px 5px; margin: 0px; background: #eeeeee}

.productlinkmenu:link    {text-decoration: none; color: #000066; font-size: 9pt; font-weight: normal;margin: 0px 0px 3px 5px; }
.productlinkmenu:visited {text-decoration: none; color: #000066; font-size: 9pt; font-weight: normal;margin: 0px 0px 3px 5px;}
.productlinkmenu:active  {text-decoration: none; color: #cc0000; font-size: 9pt; font-weight: normal;margin: 0px 0px 3px 5px; }
.productlinkmenu:hover   {text-decoration: none; color: #cc0000; font-size: 9pt; font-weight: normal;margin: 0px 0px 3px 5px; }

.header {position: relative; width: 750px; margin: 10px 20px 0px 20px;}
.heading {position: relative; text-align: center;  width: 750px; margin-top: -5px;}
 form {display:inline;} 

.button80 {width:80px;  color: #000000; font-size: 9px; font-weight: bold; border-top: #168630 thin solid; background-color: #28DD1B; border-right: #168630 thin solid; border-bottom: #168630  thin solid; border-left: #168630 thin solid;}
.button100 {width:100px; color: #000000; font-size: 9px; font-weight: bold; border-top: #168630 thin solid; background-color: #28DD1B; border-right: #168630 thin solid; border-bottom: #168630  thin solid; border-left: #168630 thin solid;}

.categorydiv {
	position: relative;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	height: 455px;
	overflow: hidden;
	border: 1px solid #69c;
	border-width: 1px 1px 1px 1px;
}

.categorydivwt {
	position: relative;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	height: 375px;
	overflow: hidden;
	border: 1px solid #69c;
	border-width: 1px 1px 1px 1px;
}

.categoryhead {
	width: 100%;	
	background: #009;
}

.categoryhead h2 {	color: #fff;}

.fireplaces {
	width: 100%;
	height: 430px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 1px;
	margin: 3px 0px 0px 0px;
}
.worktops {
	width: 100%;
	height: 350px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 1px;
	margin: 3px 0px 0px 0px;
}
.fireplacetitle {font-weight:bold; color: #009;}
.fireplacetitle h2 {font-weight:bold; color: #fff; background: #009; width: 100%;display: block; margin: 0px; padding: 0px;}
.fireplaceimage {margin: 2px 0px 3px 0px;	border-bottom: 1px solid #69c;}

.worktoptitle {font-weight:bold; color: #009;}
.worktoptitle h2 {font-weight:bold; color: #fff; background: #009; width: 100%;display: block; margin: 0px; padding: 0px;}
.worktopimage {margin: 2px 0px 3px 0px;	border-bottom: 1px solid #69c;}

.productimages {width: 295px; margin: 0px; position: relative; float: left; text-align: center;}
.fireplacesizes {position: relative; float: right; height: 140px; width: 205px;}
.dimensions {color: #900; font-size: 80%;}


.productinfo { margin: 0px 0px 0px 295px;}
.productdiv {width: 455px; margin-left: 5px; border: 1px solid #6699cc; border-width: 1px 1px 1px 1px; text-align: center; padding: 3px 0px 3px 0px;	background-image:url(../images/main_bkgnd.jpg); height: 455px;}
.productdivwt {width: 290px;margin-left: 5px;   border: 1px solid #6699cc; border-width: 1px 1px 1px 1px; text-align: center; padding: 0px;	background-image:url(../images/main_bkgnd.jpg); height: 375px;}
.productdisplay {width: 455px;  margin: 0px 0px 0px 5px; border: 1px solid #6699cc; border-width: 1px 1px 1px 1px; text-align: left; padding: 0px ;	background-image:url(../images/main_bkgnd.jpg); height: 455px; }
.productpop { border: 1px solid #6699cc; text-align: center; padding: 10px 10px 10px 10px; margin: 10px 5px 0px 5px; font-weight: bold;}

.catmenudiv {position: relative; background-color: #cceeff; padding: 3px 0px 0px 0px; height: 300px; width: 120px; border: 0px;}
.catmenuheader {font-weight: bold;  background: #ccccff; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 120px; border: 0px; }
.indent5{ position: relative; left: 5px;}

.menudiv {
	width: 120px; 
	height: 300px; 
	overflow: auto;
	overflow-x: hidden;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/main_bkgnd.jpg);
	background-repeat: no-repeat;

}

.side {background: #ffffff;}

form {display:inline;} 
input, textarea {border: 1px solid #000099; font-size: 9pt;}
.radio {border: 0px;}
.radio2 {border: 0px; margin: 0px 0px 0px 30px;}
label {font-weight: normal; cursor: pointer;}
.mandatory {color: #ff0000;}
.button {color: #000000; font-size: 9px; font-weight: bold; border: #000099 1px solid; }
.pbutton {color: #000000; font-size: 9px; font-weight: bold; border: #000099 1px solid; background: #ccc; padding: 2px;}

.fieldtext1 {width: 2em;}
.fieldtext2 {width: 4em;}
.fieldtext3 {width: 5em;}
.fieldtext4 {width: 10em;}
.fieldtext5 {width: 15em;}
.fieldtext6 {width: 20em;}
.fieldtext7 {width: 25em;}

.quotetable {position: relative; left:30px; border: 1px solid #000099; margin: 0px 0px 10px 0px;}
.quotetable td {padding: 0px 0px 2px 5px;}

div.ptablequote {width: 600px; position: relative; color: #000000; padding: 2px;}

div.ptable {width: 350px; position: relative; color: #000000; padding: 2px;}
div.prow {clear: both; margin: 0px 0px 0px 5px;}
div.prow span.coll {
  float: left;
  width: 80px;
  text-align: left;
  margin: 0px 0px 10px 0px;
  } 
  
div.prow span.colr {
  float: right;
  width: 260px;
  text-align: left;
  margin: 0px 0px 10px 0px;
  }

.quote1 {margin: 0px 0px 0px 2px;}
.quote2 {margin: 0px 0px 0px 20px;}

.imagel {float: left; margin: 0px 20px 0px 0px;}