body {
background-color:#fff;
font-family:Arial;
font-size:11px;
padding:0px;
margin:0px}

.name {
font-family:verdana;
font-size:10px;
margin:0px;
font-weight:bold;
color:#82ae48;
padding:0px 0px 10px 15px
}
.name a{
color:#82ae48;
text-decoration:none
}
.name a:hover{
color:#82ae48;
text-decoration:none
}
.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
}
 
#wrapper {
background-color:#fff;
background-image:url(gifs/bg.gif);
min-height:100px;
height:auto;
overflow:hidden;

border-left:1px solid #55A0BC;
font-family:Arial;
font-size:11px;
border-right:1px solid #55A0BC;
}
#wrapper1{
background-color:#fff;
min-height:100px;
border-left:1px solid #55A0BC;
border-right:1px solid #55A0BC;
font-family:Arial;
font-size:11px;
}
img
{
border:0
}

/*
.w3clogo
{
float:left;
padding-top:4px
}
*/
#toptxt{color:#fff;
background-color:#55A0BC;
line-height:17px;
padding:5px 15px 5px 15px
}
#homeh{
height:177px
}
.himgl
{
float:left
}
.htxt{color:#333;
padding:15px
}
.hhead
{
width:745px;
font-weight:bold;
color:#5AA3BE;
font-size:12px;
border-bottom:1px solid #8FBE52;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 15px
}
.hhead a
{
color:#5AA3BE;
text-decoration:none
}
.hhead a:hover
{
color:#333;
text-decoration:none
}
.hprodet{height:100px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 15px
}
.hprodet img
{
float:left
}
.hprodet .a1
{
width:245px;
float:left
}
.htxth
{
padding:0px 0px 0px 20px;
margin:5px 0px 0px 20px;
}
.htxth b
{
color:#336600
}
.htxth a
{
color:#336600;
text-decoration:none
}
.htxth a:hover
{
color:#336600;
text-decoration:underline
}
.more
{
font-weight:bold;
color:#5AA3BE
}
.more a
{
color:#5AA3BE;
text-decoration:none
}
.more a:hover
{
color:#333;
text-decoration:underline
}
.lrgt
{
float:right;
font-weight:bold;
padding-right:5px
}
.lrgt a
{
color:#fff;
text-decoration:none
}
.lrgt a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.hprodet .a2
{
width:245px;
float:left
}
.hprodet .a3
{
width:245px;
float:left
}
#hnav
{
background-image:url(gifs/top-nav-bg.gif);
line-height:25px;
color:#fff;
padding:2px 0px 0px 12px;
}
#hnav a
{
color:#fff;
text-decoration:none
}
#hnav a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.happdet
{
width:745px;
height:80px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 15px
}
.happdet .b1
{
width:170px;
line-height:19px;
color:#333;
float:left
}
.happdet .b1 a
{
color:#333;
text-decoration:none
}
.happdet .b1 a:hover
{
color:#336600;
text-decoration:underline
}
.happdet .b2
{
width:170px;
line-height:19px;
color:#333;
float:left
}
.happdet .b2 a
{
color:#333;
text-decoration:none
}
.happdet .b2 a:hover
{
color:#336600;
text-decoration:underline
}
.happdet img
{
float:right
}
#header{
}
.toplinks
{
float:right;
color:#333;
padding:20px 10px 0px 10px;
}
.toplinks a
{
color:#333;
text-decoration:none
}
.toplinks a:hover
{
color:#FF6600;
text-decoration:underline
}
h1
{
color:#666666;
font-size:24px;
padding:25px 0px 0px 10px;
margin:0px
}
h1 a
{
color:#666666;
text-decoration:none
}
h1 a:hover
{
color:#008DBF;
text-decoration:none
}
.plr
{
background-image:url(gifs/top-nav-bg.gif);
width:200px;
line-height:25px;
color:#fff;
padding:2px 0px 0px 18px;
}
.plr a
{
color:#fff;
text-decoration:none
}
.plr a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.plr1{
background-image:url(gifs/marble-stone-app.gif);
width:200px;
line-height:25px;
padding:2px 0px 0px 18px;
}
.plr1 a
{
color:#fff;
text-decoration:none
}
.plr1 a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.imgr{height:128px
}
.introtxt
{
height:45px;
min-height:45px;
background-image : url(gifs/intro-txt-bg.gif);
padding:2px 0px 2px 20px;
}
.imgl
{
float:left
}

h3
{
font-size:18px;
width:570px;
margin:0px 10px 0px 20px;
color:#669933;
padding:20px 10px 0px 0px;
border-bottom:1px solid #CCCCCC;	
}

/* popup start */

.info {width:570px; height:183px; z-index:4; min-height:183px;}
.menu {position:relative; top:0px; left:0px; width:197px; z-index:4}

.menu a.p1, #menu a.p1:visited {width:227px; height:193px;}
.menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu a.p1:hover .large {position:absolute; top:-65px; left:100px; width:410px; height:410px;border:1px solid #E4E2E2}

.menu a.p2, #menu a.p1:visited {width:227px; height:193px;}
.menu a.p2:hover {text-decoration:none; background-color:#fff; color:#000;}
.menu a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu a.p2:hover .large {position:absolute; top:-50px; left:100px; width:410px; height:410px; border:1px solid #E4E2E2}

.info1 {width:197px; height:167px; z-index:4; float:right; min-height:183px;}
.menu1 {position:relative; top:0px; left:0px;   width:197px; z-index:4;}

.menu1 a.p1, #menu a.p1:visited {width:167px; height:197px;}
.menu1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu1 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu1 a.p1:hover .large {position:absolute; top:-65px; left:100px; width:250px; height:250px;border:1px solid #E4E2E2}

.menu1 a.p2, #menu a.p1:visited {width:167px; height:197px;}
.menu1 a.p2:hover {text-decoration:none;  color:#000;}
.menu1 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu1 a.p2:hover .large {position:absolute; top:-30px; left:-150px; width:250px; height:250px; border:1px solid #E4E2E2}


.info2 {width:570px; height:183px; z-index:4; min-height:183px;}
.menu2 {position:relative; top:0px; left:0px; width:197px; z-index:4;}

.menu2 a.p1, #menu a.p1:visited {width:227px; height:193px;}
.menu2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu2 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu2 a.p1:hover .large {position:absolute; top:-65px; left:100px; width:410px; height:410px;border:1px solid #E4E2E2}

.menu2 a.p2, #menu a.p1:visited {width:227px; height:193px;}
.menu2 a.p2:hover {text-decoration:none; background-color:#fff; color:#000;}
.menu2 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu2 a.p2:hover .large {position:absolute; top:-50px; left:100px; width:410px; height:410px; border:1px solid #E4E2E2}


.info3 {width:570px; height:183px; z-index:4; min-height:183px;}
.menu3 {position:relative; top:0px; left:0px; width:197px; z-index:4;}

.menu3 a.p1, #menu a.p1:visited {width:227px; height:193px;}
.menu3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu3 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu3 a.p1:hover .large {position:absolute; top:-65px; left:100px; width:410px; height:410px;border:1px solid #E4E2E2}

.menu3 a.p2, #menu a.p1:visited {width:227px; height:193px;}
.menu3 a.p2:hover {text-decoration:none; background-color:#fff; color:#000;}
.menu3 a .large {display:block; position:relative; width:0; height:0; border:0; top:0; left:0;}
.menu3 a.p2:hover .large {position:absolute; top:-50px; left:100px; width:410px; height:410px; border:1px solid #E4E2E2}

/* popup ends */

.imgdetails{padding:50px 0px 3px 20px;color:#333;}
.detr{
float:right;
height:190px;
padding:0px 30px 0px 30px
}
.imager
{
padding:0px 0px 10px 10px;
color:#333; float:right
}
.detl
{
float:left;
height:190px;
padding:0px 30px 0px 30px
}
.prodetails
{
width:550px;
height:130px;
margin:0px auto;
padding:0px;
color:#333
}
.prodetr
{
margin:0px;
padding:10px 20px 15px 0px;
color:#333;
height:80px;
min-height:100px
}
.prodetr b
{
color:#0066CC;
font-size:12px
}
.prodetr .rfql
{
background:url(gifs/request-bg.gif) no-repeat;
margin-top:8px;
width:131px;
height:20px;
font-weight:bold;
color:#fff;
padding:2px 0px 15px 30px;

}
.prodetr .rfql a
{
color:#fff;
text-decoration:none
}
.prodetr .rfql a:hover
{
color:#333;
text-decoration:underline
}
.rfq2
{
background:url(gifs/request-bg.gif) no-repeat;
margin-top:8px;
width:131px;
float:right;
height:20px;
font-weight:bold;
text-align:right;
color:#fff;
padding:3px 20px 10px 0px
}
.rfq2 a
{
color:#fff;
text-decoration:none;
padding:0px 12px 0px 0px
}
.rfq2 a:hover
{
color:#333;
text-decoration:underline
}
.prodetl
{
text-align:left;
margin:0px;
padding:10px 30px 15px 50px;
color:#333
}
.prodetl b
{
font-size:12px;
color:#0066CC;
}
.prodetl .rfql
{
background:url(gifs/request-bg.gif) no-repeat;
margin-top:8px;
width:131px;
height:20px;
font-weight:bold;
color:#fff;
padding:2px 0px 0px 30px

}
.prodetl .rfql a
{
color:#fff;
text-decoration:none
}
.prodetl .rfql a:hover
{
color:#333;
text-decoration:underline
}
#enquiry
{
width:578px;
padding-left:20px;
}

h2
{
font-size:12px;
color:#FF6600;
margin:0px;
padding:20px 0px 0px 10px;
}
h2 a
{
color:#FF6600;
text-decoration:none
}
h2 a:hover
{
color:#333;
text-decoration:underline
}
.details{padding:10px 0px 0px 20px;color:#333;	line-height:17px;}
.details a{color:#333;	font-weight:bold;text-decoration:underline}
.details a:hover{color:#008DBF;	text-decoration:none}
.details b{color:#008DBF;}
.details .subhead{color:#333;}
#botlinks {font-size : 11px; 
color : #333333;
text-align:center;
clear:both;
width:555px;
margin:0px 0px 5px 20px;
padding:15px 0px 5px 20px;
border-top:1px solid #e2e2e2
}
#botlinks a
{
color : #333333;
text-decoration:none
}
#botlinks a:hover
{
color : #008DBF;
text-decoration:underline
}
#botlinks b
{
color : #0066CC;
text-decoration:none
}
#footer1 {
font-size : 11px; 
color : #666;
width:555px;
margin:5px 0px 5px 20px;
padding:5px 0px 5px 20px;
text-align:center;
}
#footer1 a {
color : #666;
text-decoration:none
}
#footer1 a:hover {
color : #008DBF;
text-decoration:underline
}
#footer2 {
color : #666;
clear:both;
width:555px;
margin:5px 0px 3px 20px;
padding:5px 0px 3px 20px;
border-top:1px solid #E2E2E2
}
#footer2 a {
color:#333;
text-decoration:underline
}
#footer2 a:hover {
color:#CB1107;
text-decoration:none
}
#footer2 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}
#botlinks1 {font-size : 11px; 
color : #333333;
text-align:center;
padding:10px 0px 0px 20px;
margin:10px 0px 0px 10px;
border-top:1px solid #e2e2e2
}
#botlinks1 a
{
color : #333333;
text-decoration:none
}
#botlinks1 a:hover
{
color : #008DBF;
text-decoration:underline
}
#botlinks1 b
{
color : #0066CC;
text-decoration:none
}
#footer11 {
font-size : 11px; 
color : #666;
padding:5px 0px 0px 20px;
margin:5px 0px 0px 10px;
text-align:center;
}
#footer11 a {
color : #666;
text-decoration:none
}
#footer11 a:hover {
color : #008DBF;
text-decoration:underline
}
#footer22 {color : #666;clear:both;padding:5px 0px 0px 20px; margin:5px 0px 0px 10px; border-top:1px solid #E2E2E2
}
#footer22 a {
color:#333;
text-decoration:underline
}
#footer22 a:hover {
color:#CB1107;
text-decoration:none
}
#footer22 img {
float:right;
margin:1px 10px 0px 0px;
padding:1px 10px 0px 0px;
}
.panel_blue  {
background:url(gifs/panel-bg-blue.gif) no-repeat;
float:left;
width:136px;
height:94px;
line-height:13px;
float:left;
margin-top:50px;
font-family:arial;
color:#000;
font-size:10px;
padding:3px 5px 5px 5px
}
.panel_blue .text  {
font-family:verdana;
color:#fff;
font-size:9px;
font-weight:bold;
padding-bottom:5px
}
strong {font-size:10px; font-family:Verdana}
.click  {
float:right;
padding:5px 3px 0px 0px;
font-weight:bold;
font-size:9px;
font-family:verdana
}
.click  a{
color:#000;
text-decoration:none
}
.click  a:hover{
color:#ff0000;
text-decoration:none
}
.click_white  {
color:#000;
float:right;
padding:5px 3px 0px 0px;
font-weight:bold;
font-size:9px;
font-family:verdana
}
.click_white  a{
color:#000;
text-decoration:none
}
.click_white  a:hover{
color:#243f00;
text-decoration:none
}
.panel_red  {
background:url(gifs/panel-bg-red.gif) no-repeat;
float:left;
width:136px;
height:94px;
line-height:13px;
float:left;
margin-top:40px;
font-family:arial;
color:#000;
font-size:10px;
padding:3px 5px 5px 5px
}
.panel_red  a{
color:#000;
text-decoration:none
}
.panel_red  a:hover{
color:#000;
text-decoration:underline
}
.panel_red .text  {
font-family:verdana;
color:#000;
font-size:9px;
font-weight:bold;
padding-bottom:5px
}
.panel_green  {
background:url(gifs/panel-bg-green.gif) no-repeat;
float:left;
width:136px;
height:94px;
line-height:13px;
float:left;
margin-top:40px;
font-family:arial;
color:#000;
font-size:10px;
padding:3px 5px 5px 5px
}
.panel_green .text  {
font-family:verdana;
color:#fff;
font-size:9px;
font-weight:bold;
padding-bottom:5px
}

.panel_orange  {
background:url(gifs/panel-bg-orange.gif) no-repeat;
float:left;
width:136px;
height:94px;
line-height:13px;
float:left;
margin-top:40px;
font-family:arial;
color:#000;
font-size:10px;
padding:3px 5px 5px 5px
}
.panel_orange  a{
color:#000;
text-decoration:none
}
.panel_orange  a:hover{
color:#000;
text-decoration:underline
}
.panel_orange .text  {
font-family:verdana;
color:#fff;
font-size:9px;
font-weight:bold;
padding-bottom:5px
}
.b{font-size:12px; color:#fff;}

.m8{ width:100%; margin:20px; height:170px}
.h{border:1px solid #c5e366;background:#f9fded;}
.bx{width:30%;}
.pdd{padding-left:13px;}
.ht2{height:120px; border-left:1px solid #55a0bc;border-right:1px solid #55a0bc;}

.t{text-decoration:none; color:#333; padding:10px 5px 0px 10px}
.rd{text-align:right;padding:6px 15px 0px 0; font-weight:bold}
.rd a{color:#006600}
.v2,.v22,.v1{margin:10px 0 0}
.v5,.v3{display:block}

.v5 *,.v3 *{display:block;height:1px;overflow:hidden; background:#55a0bc}
.r1{margin:0 5px}.r2{margin:0 3px}.r3{margin:0 2px}.r4{height:2px;margin:0 1px}.p{border-left:1px solid #e4f6b0;border-right:1px solid #e4f6b0}

.fw{font-weight:700; padding:0 0 0 10px; color:#ff7f02}
.bh{ background:url(images/ay-b.gif) repeat-x; background:#55a0bc; height:20px; border-bottom:1px solid #55a0bc}
.ht{height:100px; border-left:1px solid #55a0bc; border-right:1px solid #55a0bc;}

.f1{float:left;}