body {
background-color:#F6F6F6;
font-family:Arial;
font-size:11px;
padding:0px;
margin:0px;
}
#wrapper 
{
background-color:#fff;
width:780px;
min-height:100px;
height:auto;
overflow:hidden;
margin:0px auto;
border-left:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
}
img
{
border:0
}

/*
.w3clogo
{
float:left;
padding-top:4px
}
*/
.pline
{
width:780px;
font-weight:bold;
letter-spacing:7px;
font-size:12px;
text-align:center;
line-height:23px;
background-color:#E8E8E8
}

.topnav { height:26px; float:none;}
.topnav  a { float:left;height:26px;width:130px; font-weight:bold;   line-height:27px;
    text-align:center;
    text-decoration:none; color:#fff;}
.topnav  a:hover { 
    background-color:#F5F5F4;
    color:#333
}
.t1
{
background-color:#99CC66
}
.t2
{
background-color:#FFCC33
}
.t3
{
background-color:#6699CC
}
.t4
{
background-color:#FF6666
}
.t5
{
background-color:#B757B7
}
.t6
{
background-color:#FDA336
}




#topdetails {
    margin:0px;
    padding:0px;
    width:780px;
}
#topdetails table {
	border:0px;
    width:780px;
    border-bottom:1px solid #e2e2e2
}
#topdetails table td { 
    color:#333;
	vertical-align:top;
    width:130px; background-image:url(gifs/home-bg.gif); background-repeat:repeat-y; background-position:right;
    padding:5px 5px 5px 7px;
    line-height:17px;
    text-decoration:none;
}
.mdetails
{
    background-image : url(gifs/grey-arrow.gif); background-repeat: no-repeat;
    padding:0px 0px 5px 18px;
    font-weight:bold; line-height:10px;
    color:#333
}
.mdetails a
{
    color:#333;
    text-decoration:underline
}
.mdetails a:hover
{
    color:#D81E13;
    text-decoration:none
}
.subnav
{
width:780px;
height:57px;
color:#000;
line-height:17px;
padding:5px 20px 2px 20px;
}
.subnav a
{
color:#000;
text-decoration:none
}
.subnav a:hover
{
color:#666;
text-decoration:underline
}
.c1
{
border-bottom:2px solid #99CC66;
background-color:#CCECAC	
}
.c2
{
height:80px;
border-bottom:2px solid #FFCC33;
background-color:#F9EECD	
}
.c3
{
border-bottom:2px solid #6699CC;
background-color:#D8E8F9	
}
.c4
{
border-bottom:2px solid #FDA336;
background-color:#FAE6CE	
}
.c5
{
border-bottom:2px solid #FF6666;
background-color:#FCE2E2	
}
.subnav1
{
width:780px;
height:52px;
color:#000;
line-height:17px;
padding:5px 20px 2px 20px;
}
.subnav1 a
{
color:#000;
text-decoration:none
}
.subnav1 a:hover
{
color:#666;
text-decoration:underline
}
.c11
{
width:780px;
border-top:2px solid #99CC66;
border-bottom:2px solid #99CC66;
background-color:#CCECAC	
}
.c22
{
width:780px;
height:78px;
border-top:2px solid #FFCC33;
border-bottom:2px solid #FFCC33;
background-color:#F9EECD	
}
.c33
{
width:780px;
border-top:2px solid #6699CC;
border-bottom:2px solid #6699CC;
background-color:#D8E8F9	
}
.c44
{
width:780px;
border-top:2px solid #FDA336;
border-bottom:2px solid #FDA336;
background-color:#FAE6CE	
}
.c55
{
width:780px;
border-top:2px solid #FF6666;
border-bottom:2px solid #FF6666;
background-color:#FCE2E2	
}
#header
{
width:780px;
background-color:#fff
}
.toplinks
{
float:right;
color:#333;
padding:5px 10px 0px 0px;
}
.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);
float:left;
width:142px;
line-height:25px;
color:#fff;
padding:2px 0px 0px 12px;
}
.plr a
{
color:#fff;
text-decoration:none
}
.plr a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.plr1
{
background-image:url(gifs/marble-stone-app.gif);
float:left;
width:142px;
line-height:25px;
padding:2px 0px 0px 12px;
}
.plr1 a
{
color:#fff;
text-decoration:none
}
.plr1 a:hover
{
color:#E0EFF6;
text-decoration:underline
}
.imgr
{
height:88px
}
.introtxt
{
float:left;
height:45px;
min-height:45px;
background-image : url(gifs/intro-txt-bg.gif);
width:586px;
padding:2px 20px 2px 20px;
}
.imgl
{
float:left
}
#container
{
width:780px;
}
#content
{
float:left;
width:570px;
}
h3
{
font-size:18px;
width:780px;
margin:0px 10px 0px 0px;
color:#666;
padding:20px 20px 0px 20px;
border-bottom:1px solid #CCCCCC;	
}

/* popup start */

.info {padding-top:0px; height:215px; z-index:4; min-height:215px; width:780px;}
.menu {position:relative; top:0px; left:0px; width:227px;z-index:3;}

.menu a.p1, #menu a.p1:visited {width:227px; height:193px; min-height:193px;}
.menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu a.p1:hover .large {position:absolute;  top:20px; left:20px;width:409px; height:369px; border:1px solid #E4E2E2}

.menu a.p2, #menu a.p2:visited {width:227px; height:193px; min-height:193px;}
.menu a.p2:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu a .large {width:0; height:0; border:0;  top:0; left:0;z-index:1;}
.menu a.p2:hover .large {position:absolute;  top:20px; left:182px; width:409px; height:369px; border:1px solid #E4E2E2}

.menu a.p3, #menu a.p3:visited {width:227px; height:193px; min-height:193px;}
.menu a.p3:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu a .large {width:0; height:0; border:0; top:0; left:0; }
.menu a.p3:hover .large {position:absolute;  top:20px; left:340px; width:409px; height:369px; border:1px solid #E4E2E2}


.info2 {padding-top:0px; height:215px; z-index:4; min-height:215px; width:780px;}
.menu2 {position:relative; top:0px; left:0px; width:227px;z-index:2;}

.menu2 a.p1, #menu a.p1:visited {width:227px; height:193px; min-height:193px;}
.menu2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu2 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu2 a.p1:hover .large {position:absolute;  top:20px;left:20px; width:409px; height:369px; border:1px solid #E4E2E2}

.menu2 a.p2, #menu a.p2:visited {width:227px; height:193px; min-height:193px;}
.menu2 a.p2:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu2 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu2 a.p2:hover .large {position:absolute; top:20px; left:182px; width:409px; height:369px; border:1px solid #E4E2E2}

.menu2 a.p3, #menu a.p3:visited {width:227px; height:193px; min-height:193px;}
.menu2 a.p3:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu2 a .large {width:0; height:0; border:0; top:0; left:0;}
.menu2 a.p3:hover .large {position:absolute;  top:20px; left:340px; width:409px; height:369px; border:1px solid #E4E2E2}


.info3 {padding-top:0px; height:215px; z-index:4; min-height:215px; width:780px;}
.menu3 {position:relative; top:0px; left:0px; width:227px;z-index:1;}

.menu3 a.p1, #menu a.p1:visited {width:227px; height:193px; min-height:193px;}
.menu3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu3 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu3 a.p1:hover .large {position:absolute;  top:20px;left:20px; width:409px; height:369px; border:1px solid #E4E2E2}

.menu3 a.p2, #menu a.p2:visited {width:227px; height:193px; min-height:193px;}
.menu3 a.p2:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu3 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu3 a.p2:hover .large {position:absolute;  top:20px; left:182px; width:409px; height:369px; border:1px solid #E4E2E2}

.menu3 a.p3, #menu a.p3:visited {width:227px; height:193px; min-height:193px;}
.menu3 a.p3:hover {text-decoration:none;  background-color:#8c97a3; color:#000;}
.menu3 a .large {width:0; height:0; border:0; top:0; left:0;}
.menu3 a.p3:hover .large {position:absolute;  top:20px; left:340px; width:409px; height:369px; border:1px solid #E4E2E2}


/* popup ends */

.imgdetails
{
width:780px;
padding:20px 0px 3px 20px;
color:#333;
}
.detr
{
float:right;
padding:0px 30px 0px 30px 
}
.imager
{
padding:0px 0px 10px 10px;
color:#333
}
.detl
{
float:left;
padding:0px 25px 0px 0px
}
.prodetails
{
width:780px;
height:185px;
margin:0px auto;
padding:0px 0px 3px 0px;
color:#333
}
.prodetr
{
width:197px;
float:right;
margin:0px;
padding:10px 0px 15px 0px;
color:#333
}
.prodetr b
{
color:#0066CC;
font-size:12px
}
.prodetr .rfql
{
font-weight:bold;
color:#669933
}
.prodetr .rfql a
{
color:#669933;
text-decoration:underline
}
.prodetr .rfql a:hover
{
color:#333;
text-decoration:none
}
.rfq2
{
width:595px;
font-weight:bold;
text-align:right;
color:#669933
}
.rfq2 a
{
color:#669933;
text-decoration:underline
}
.rfq2 a:hover
{
color:#333;
text-decoration:none
}
.prodetl
{
width:212px;
float:left;
margin:0px;
padding:10px 18px 15px 22px;
color:#333
}
.prodetl b
{
font-size:12px;
}
.prodetl .rfql
{
font-weight:bold;
color:#D82215
}
.prodetl .rfql a
{
color:#D82215;
text-decoration:underline
}
.prodetl .rfql a:hover
{
color:#333;
text-decoration:none
}
#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
{
width:750px;
margin:0px 200px 0px 0px;
padding:10px 200px 0px 20px;
color:#333;	
line-height:17px;
}
.details a
{
color:#333;	
font-weight:bold;
text-decoration:underline
}
.details a:hover
{
color:red;	
text-decoration:none
}
.details .subhead
{
color:#333;
}
#botlinks {
font-size : 11px; 
line-height:21px;
color : #333333;
text-align:center;
clear:both;
width:720px;
margin:0px 20px 5px 20px;
padding:15px 20px 5px 0px;
border-top:1px solid #e2e2e2
}
#botlinks a
{
color : #333333;
text-decoration:none
}
#botlinks a:hover
{
color : #008DBF;
text-decoration:underline
}
#botlinks b
{
color : #800000;
text-decoration:none
}
#footer1 {
font-size : 11px; 
color : #666;
width:730px;
margin:0px 20px 5px 20px;
padding:0px 20px 5px 0px;
text-align:center;
}
#footer1 a {
color : #666;
text-decoration:none
}
#footer1 a:hover {
color : #008DBF;
text-decoration:underline
}
#footer2 {
color : #666;
clear:both;
width:720px;
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;
}

#panel {width:780px; border-top:1px solid #c7c7c7; height:150px}
.gr-panel {background:url(gifs/grn-bg.gif) no-repeat; width:172px; height:125px; float:left}
.panel-td {padding:0px 0px 0px 50px}
.text-panel {color:#000; padding:2px 8px 5px 8px; line-height:16px}
.text-panel a{color:#000; text-decoration:none}
.text-panel a:hover{color:#5d5d5d; text-decoration:none}
.text-panel b{color:#2c5306; font-size:12px}
.read {font-weight:bold; font-size:11px; color:#000; float:right; padding:11px 5px 0px 5px}

.bl-panel {background:url(gifs/blue-bg.gif) no-repeat; width:172px; height:125px; float:left}
.text-panel1 {color:#000; padding:2px 8px 5px 8px; line-height:16px}
.text-panel1 a{color:#000; text-decoration:none}
.text-panel1 a:hover{color:#5d5d5d; text-decoration:none}
.text-panel1 b{color:#16497d; font-size:12px}

.rd-panel {background:url(gifs/red-bg.gif) no-repeat; width:172px; height:125px; float:left}
.text-panel2 {color:#000; padding:2px 8px 5px 8px; line-height:16px}
.text-panel2 a{color:#000; text-decoration:none}
.text-panel2 a:hover{color:#5d5d5d; text-decoration:none}
.text-panel2 b{color:#701414; font-size:12px}