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
}

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

h1 {font-size:18px;}
.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;
border-left:1px solid #C1C3CB;
border-right:1px solid #C1C3CB;
}
img
{
border:0
}
/*
.w3clogo
{
float:left;
padding-top:4px
}
*/
#header
{
width:780px;
background-image:url(gifs/granite-top-bg.jpg);
background-color:#fff
}
#header .toplinks
{
float:right;
width:390px;
color:#C1C3CB;
padding:10px 10px 0px 0px;
font-family:Arial;
font-size:11px
}
#header .toplinks a
{
color:#F2F0F5;
text-decoration:none
}
#header .toplinks a:hover
{
color:#FFCC00;
text-decoration:none
}
#header .toplinks h1
{
color:#F2F0F5;
font-size:24px;
padding:0px;
margin:0px;
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: no-repeat;
float:left;
width:142px;
height:1030px;
padding:2px 0px 0px 0px
}
#htab
{
margin:20px 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;
line-height:19px
}
.plr1 ul li b
{
color:#FFCC00
}
.plr1 ul li a
{
color:#fff;
text-decoration:none
}
.plr1 ul li a:hover
{
color:#FFCC00;
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:570px;
color:#fff;
font-family:Arial;
font-size:11px
}
h3
{
	font-size:18px;
	width:580px;
	color:#FFCC00;
	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;
}
.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
}

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
{
width:578px;
padding:10px 0px 0px 20px;
color:#fff;	
line-height:17px;
font-family:Arial;
font-size:11px
}
.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:20px 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
}
#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;
	}