body {
background-color:#343B54;
padding:0px;
margin:0px
}
.home-bg {
background:url(gifs/granite-stone-home-bg1.jpg) left no-repeat; 
height:136px; width:636px
}
.tx1{
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
line-height:19px;
text-align:justify;
padding:10px 15px 10px 15px;
}

.img_home {
float:right;
width:211px; 
height:136px}

h1 {
font-size:11px; color:#FFFF00; text-align:left; padding:0px 0px 0px 60px;}
.img_div  {height:153px; width:636px; float:left}
.img_div1  {height:141px; width:636px;float:left}
#wrapper 
{
background-image:url(gifs/bg.gif);
width:780px;
min-height:100px;
height:auto;
overflow:hidden;
margin:0px auto;
}
img
{
border:0
}
/*
.w3clogo
{
float:left;
padding-top:4px
}
*/
#header
{
width:780px;
background-color:#343B54;
}
#header .toplinks
{
float:right;
width:450px;
color:#FFF;
padding:30px 10px 0px 0px;
font-family:Arial;
font-size:11px
}
#header .toplinks a
{
color:#FFF;
text-decoration:none
}
#header .toplinks a:hover
{
color:#FFCC00;
text-decoration:none
}
#header .toplinks h1
{
color:#F2F0F5;
font-size:21px;
padding:0px;
margin:0px;
color:#FFFFFF;
font-family:Arial;
}
#header .toplinks h1 a
{
color:#F2F0F5;
text-decoration:none
}
#header .toplinks h1 a:hover
{
color:#FFCC00;
text-decoration:none
}

.htlinks
{
float:left;
width:388px;
color:#fff;
padding:0px 0px 0px 20px;
font-family:Arial;
font-size:11px;
}
.htlinks h1
{
color:#F2F0F5;
font-size:24px;
padding-top:15px;
margin:0px
}
.htlinks h1 a
{
color:#F2F0F5;
text-decoration:none
}
.htlinks h1 a:hover
{
color:#FFCC00;
text-decoration:none
}

.more
{
width:590px;
font-weight:bold;
color:#FFFF00;
padding:0px 0px 0px 20px;
text-align:right;
font-family:Arial;
font-size:11px
}
.more a
{
text-decoration:underline;
color:#FFFF00
}
.more a:hover
{
text-decoration:none;
color:#fff
}
.plr1
{
background-image:url(gifs/granite-stone-bg.gif); background-repeat: repeat;
float:left;
width:145px;
height:1030px;
padding:2px 0px 0px 0px
}
#hta
{
margin:0px auto;
width:780px;
height:80px	
}
#htab
{
margin:0px auto;
width:780px;
height:429px	
}
#htab table
{
width:100%;
border:0px;
margin:0px;
padding:0px;
border:1px solid #999999	
}
.hnav
{
background-image:url(gifs/home-bg.jpg); background-repeat: no-repeat; vertical-align:top;
width:142px;
}
.plr1 ul
{
margin:0px;
color:#fff;
padding:0px 5px 5px 7px;
margin-top:10px;
list-style:none;
line-height:25px;
font-family:Arial;
font-size:11px
}
.plr1 ul li
{
color:#fff;
padding:2px 0px 2px 0px;
line-height:19px;
}
.plr1 ul li b
{
color:#FFCC00;
padding:10px 0px 10px 0px;
}
.plr1 ul li a
{
color:#fff;
text-decoration:none;
padding:10px 0px 10px 0px;
}
.plr1 ul li a:hover
{
color:#FFCC00;
padding:10px 0px 10px 0px;
text-decoration:underline;
}

.plrh ul
{
color:#fff;
padding:0px 5px 5px 7px;
margin:0px;
list-style:none;
line-height:25px;
margin-top:30px;
font-family:Arial;
font-size:11px
}
.plrh ul li
{
color:#fff;
line-height:19px;
}
.plrh ul li b
{
color:#FFCC00;
}
.plrh ul li a
{
color:#fff;
text-decoration:none
}
.plrh ul li a:hover
{
color:#FFCC00;
text-decoration:underline
}

.imgl
{
float:left
}
#container
{
width:780px;

}
#content
{
float:left;
width:620px;
color:#fff;
font-family:Arial;
font-size:11px
}
h3{
font-size:18px;
color: #a8cedc;
border-bottom:1px dotted #CCCCCC;
font-family:arial;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
h6 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #FFCC00;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.h7
{
color: #a8cedc;
padding: 20px 0px 0px 30px;
font-family:Arial;
font-weight:bold;
font-size:24px
}
.h7 a
{
color: #a8cedc;
text-decoration:none;
}
.h7 a:hover
{
color: #a8cedc;
text-decoration:none;
}
.mg-c {
	margin: 0px;
	padding: 2px;
	border: 2px solid #CCCCCC;
	height: 237px;
	width: 348px;
}


.path
{
color:#fff;
padding:10px 0px 0px 20px;
font-family:Arial;
font-size:11px
}
.path a
{
color:#FFCC00;
text-decoration:underline
}
.path a:hover
{
color:#fff;
text-decoration:none
}
.detr
{
float:right;
height:170px;
padding:30px 30px 0px 30px 
}
.imager
{
padding:0px 0px 10px 10px;
float:right;
color:#333
}
.detl
{
float:left;
height:170px;
padding:30px 30px 0px 30px
}
.prodetails
{
width:550px;
height:130px;
min-height:350px;
margin:0px auto;
padding:0px 40px 3px 0px;
color:#333;
font-family:Arial;
font-size:11px
}
.prodetr
{
width:200px;
float:right;
margin:0px;
padding:10px 0px 15px 0px;
color:#fff;
font-family:Arial;
font-size:11px
}
.prodetr b
{
color:#FFFF00;
font-size:12px
}
.prodetr .rfql
{
background:url(gifs/request-bg.gif) no-repeat;
padding:3px 0px 0px 10px;
margin-top:8px;
width:148px;
height:21px;
color:#000;
font-weight:bold;
font-family:Arial;
font-size:11px
}
.prodetr .rfql a
{
color:#000;
text-decoration:none
}
.prodetr .rfql a:hover
{
color:#a3392a;
text-decoration:underline
}
.rfq2
{
background:url(gifs/request-bg.gif) no-repeat;
width:148px;
height:21px;
float:right;
font-weight:bold;
text-align:right;
color:#000;
font-family:Arial;
font-size:11px;
text-align:left;
padding:3px 0px 0px 10px;
}
.rfq2 a
{
color:#000;
text-decoration:none


}
.rfq2 a:hover
{
color:#a3392a;
text-decoration:underline
}
.prodetl
{
width:197px;
float:left;
text-align:left;
margin:0px;
padding:10px 0px 15px 40px;
color:#fff;
font-family:Arial;
font-size:11px
}
.prodetl b
{
font-size:12px;
color:#FFFF00;
}
.prodetl .rfql
{
color:#000;
font-weight:bold;
background:url(gifs/request-bg.gif) no-repeat;
padding:3px 0px 0px 10px;
margin-top:8px;
width:148px;
height:21px
}
.prodetl .rfql a
{
color:#000;
text-decoration:none
}
.prodetl .rfql a:hover
{
color:#a3392a;
text-decoration:underline
}
#enquiry
{
width:578px;
padding-left:20px
}
h4
{
font-size:12px;
color:#FFFF00;
margin:0px;
padding:20px 0px 0px 20px;
font-family:Arial;
font-size:11px
}
h5 {font-size:16px; color:#FFFF00; text-align:left; padding:0px 0px 0px 0px;}
.h5 {
font-size:18px; 
color:#FFFF00; 
text-align:left; 
padding:20px 0px 5px 0px;
}


h2
{
font-size:12px;
color:#FF6600;
margin:0px;
padding:20px 0px 0px 10px;
font-family:Arial;
font-size:11px
}
h2 a
{
color:#FF6600;
text-decoration:none
}
h2 a:hover
{
color:#333;
text-decoration:underline
}
.details
{
padding:10px 20px 0px 20px;
color:#fff;	
line-height:17px;
font-family:Arial;
font-size:12px;
text-align:justify;
}
.details a
{
color:#fff;	
font-weight:bold;
text-decoration:underline
}
.details a:hover
{
color:#FFCC00;	
text-decoration:none
}
.details b
{
color:#FFCC00;
}
.details .subhead
{
color:#333;
font-family:Arial;
font-size:11px
}
#botlinks {
font-size:11px; 
color:#fff;
text-align:center;
clear:both;
width:575px;
margin:20px 0px 5px 20px;
padding:0px 0px 5px 20px;
border-top:1px solid #e2e2e2;
font-family:Arial;
font-size:11px
}
#botlinks a
{
color:#fff;
text-decoration:none
}
#botlinks a:hover
{
color : #FFCC00;
text-decoration:underline
}
#botlinks b
{
color:#FFCC00;
text-decoration:none
}
.footer{ 
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:0px 0px 0px 0px;
font-size:11px;
color: #fff;
}
.footer ul{ 
padding:0px 10px 0px 10px;
margin:0px;
list-style:none;
display:inline;
}
.footer ul li{
padding:0px 15px 0px 15px;
margin:0px;
list-style:none;
display:inline;
}
.footer a{
text-decoration:none;
padding:0px 15px 0px 15px;
color: #fff;
}
.footer a:hover{
text-decoration:underline;
padding:10px 15px 0px 15px;
color:#0BCCF7;
}
#footer1 {
font-size : 11px; 
color : #C6CBDC;
width:575px;
margin:5px 0px 5px 20px;
padding:5px 0px 5px 20px;
text-align:center;
font-family:Arial;
font-size:11px
}
#footer1 a {
color : #C6CBDC;
text-decoration:none
}
#footer1 a:hover {
color : #FFCC00;
text-decoration:underline
}
#footer2 {
color : #fff;
clear:both;
width:570px;
margin:5px 0px 3px 20px;
padding:5px 0px 3px 20px;
border-top:1px solid #E2E2E2;
font-family:Arial;
font-size:11px
}
#footer2 a {
color:#fff;
text-decoration:underline
}
#footer2 a:hover {
color:#FFCC00;
text-decoration:none
}
#footer2 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}


#botlinks11 {
font-size : 11px; 
color : #fff;
text-align:center;
clear:both;
width:720px;
padding:10px 0px 0px 20px;
margin:10px 0px 0px 10px;
font-family:Arial;
font-size:11px
}
#botlinks11 a
{
color : #fff;
text-decoration:none
}
#botlinks11 a:hover
{
color : #FFCC00;
text-decoration:underline
}
#botlinks11 b
{
color : #FFCC00;
text-decoration:none
}
#footer11 {
font-size : 11px; 
color : #C6CBDC;
width:720px;
padding:5px 0px 0px 20px;
margin:5px 0px 0px 10px;
text-align:center;
font-family:Arial;
font-size:11px
}
#footer11 a {
color : #C6CBDC;
text-decoration:none
}
#footer11 a:hover {
color : #FFCC00;
text-decoration:underline
}
#footer22 {
color : #fff;
clear:both;
width:730px;
padding:5px 0px 0px 20px;
margin:5px 0px 0px 10px;
border-top:1px solid #999999;
font-family:Arial;
font-size:11px
}
#footer22 a {
color:#fff;
text-decoration:underline
}
#footer22 a:hover {
color:#FFCC00;
text-decoration:none
}
#footer22 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}
.ylw_panel   {
background:url(gifs/yellow-panel.gif) no-repeat;
width:129px;
height:109px;
margin:30px 0px 0px 5px;
color:#ff6c00;
font-family:arial;
font-size:12px;
padding:3px 0px 5px 8px
}
.ylw_panel   a{
color:#ff6c00;
text-align:none
}
.ylw_panel   a:hover{
color:#613312;
text-align:none
}
.ylw_panel  .text {
width:105px;
height:100px;
font-family:arial;
font-size:11px ;
color:#000;
line-height:13px;
margin:8px 5px 0px 5px
}
.click{
font-family:verdana;
color:#000;
text-align:right;
margin:3px 5px 0px 0px;
font-weight:bold
}
.pink_panel   {
background:url(gifs/pink-panel.gif) no-repeat;
width:129px;
height:109px;
margin:30px 0px 0px 5px;
color:#000;
font-family:arial;
font-size:12px;
padding:3px 0px 5px 8px
}
.pink_panel   a{
color:#000;
text-align:none
}
.pink_panel   a:hover{
color:#84290e;
text-align:none
}
.pink_panel  .text {
width:105px;
height:100px;
font-family:arial;
font-size:11px ;
color:#4e2627;
line-height:13px;
margin:8px 5px 0px 5px
}
.blue_panel   {
background:url(gifs/blue-panel.gif) no-repeat;
width:129px;
height:109px;
margin:30px 0px 0px 5px;
color:#3b4d91;
font-family:arial;
font-size:11px;
padding:3px 0px 5px 8px
}
.blue_panel   a{
color:#3b4d91;
text-align:none
}
.blue_panel   a:hover{
color:#000;
text-align:none
}
.blue_panel  .text {
width:105px;
height:100px;
font-family:arial;
font-size:10px ;
color:#27325f;
line-height:13px;
margin:8px 5px 0px 5px
}
.grn_panel   {
background:url(gifs/green-panel.gif) no-repeat;
width:129px;
height:109px;
margin:30px 0px 0px 5px;
color:#1d8350;
font-family:arial;
font-size:11px;
padding:3px 0px 5px 8px
}
.grn_panel   a{
color:#1d8350;
text-align:none
}
.grn_panel   a:hover{
color:#000;
text-align:none
}
.grn_panel  .text {
width:105px;
height:100px;
font-family:arial;
font-size:10px ;
color:#27325f;
line-height:13px;
margin:8px 5px 0px 5px
}
.flk{font-size:11px;
	margin:7px 3px 20px 3px;
	color:#FFFFFF;
	text-align:center;
	}
.flk ul li{ 
	margin:0px 3px 20px 3px;
	display:inline;
	}
.flk a {
	color:#fff;
	}
.flk a:hover{
	color:#ffff00;
	}	
#f-bg{background:url(images/bg-f.jpg) repeat-x;
	height:120px;
	border-top:1px solid #b5b7b3;
	padding:0px 0px 0px 0px;
	}	
.top {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-align:right;
color:#fff; 
padding:0px 0px 0px 10px; 
	}
.top ul{ 
padding:0px; 
margin:0px;
}
.top ul li{ 
display:inline;
padding:0px 3px 0px 3px; 
}
.top a {
color:#fff; 
text-decoration:none;
}
.top a:hover{
color:#000;
background-color:#FFCC00;
text-decoration:underline;
}	

#fo {
font-size : 11px; 
color : #C6CBDC;
width:740px;
margin:5px 20px 5px 20px;
padding:5px 20px 5px 20px;
text-align:center;
font-family:Arial;
font-size:11px
}
#fo a {
color : #C6CBDC;
text-decoration:none
}
#fo a:hover {
color : #FFCC00;
text-decoration:underline
}




#bo {
font-size:11px; 
color:#fff;
text-align:center;
clear:both;
width:740px;
margin:20px 0px 5px 20px;
padding:0px 0px 5px 0px;
border-top:1px solid #e2e2e2;
font-family:Arial;
font-size:11px
}
#bo a
{
color:#fff;
text-decoration:none
}
#bo a:hover
{
color : #FFCC00;
text-decoration:underline
}
#bo b
{
color:#FFCC00;
text-decoration:none
}






#fo2 {
color : #fff;
clear:both;
width:740px;
margin:5px 0px 3px 20px;
padding:5px 0px 3px 0px;
border-top:1px solid #E2E2E2;
font-family:Arial;
font-size:11px
}
#fo2 a {
color:#fff;
text-decoration:underline
}
#fo2 a:hover {
color:#FFCC00;
text-decoration:none
}
#fo2 img {
float:right;
margin:1px 20px 0px 0px;
padding:1px 20px 0px 0px;
}

.name h1  {
font-family:arial;
font-size:25px;
font-weight:bold;
color:#1489b5;
padding:5px 0px 0px 0px
}
.name h1  a{
color:#1489b5;
text-decoration:none
}
.name h1  a:hover{
color:#1489b5;
text-decoration:none
}

.toplinks
{
float:right;
color:#333;
width:425px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:30px 10px 0px 10px;
}
.toplinks a
{
color:#333;
text-decoration:none
}
.toplinks a:hover
{
color:#55A0BC;
text-decoration:underline
}
#header{
}
.name {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
font-weight:bold;
color:#0099FF;
padding:0px 0px 10px 0px
}
.top-link{ 
font-family:Arial, Helvetica, sans-serif;
padding:0px 10px 0px 10px;
font-size:12px;
font-weight:bold;
color: #fff;
}
.top-link ul{ 
padding:0px 10px 0px 10px;
list-style:none;
display:inline;
}
.top-link ul li{
padding:0px 10px 0px 10px;
list-style:none;
display:inline;
}
.top-link a{
text-decoration:none;
padding:0px 10px 0px 10px;
color: #fff;
}
.top-link a:hover{
text-decoration:underline;
padding:0px 10px 0px 10px;
color:#343B54;
}
.copy{
padding:5px 0px 2px 30px; 
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif; 
color:#fff;
}
.copy a{
text-decoration:none; 
line-height:17px; 
color:#fff; 
font-weight:bold
}
.copy a:hover{
text-decoration:underline; 
color:#FFCC00;
}
.style1 {
color: #FFFF00;
font-weight: bold;
}
.style5 {color: #FFFFFF}
.style6 {color: #a8cedc}
.style4 {color: #FFCC00}
.style3 {color: #000000; font-weight: bold; }
.style7 {	font-size: 18px;
	margin: 0px;
	line-height: 19px;
	text-align: justify;
	padding: 10px 15px 10px 15px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}