body {
background-color:#fff;
font-family:Arial;
font-size:11px;
padding:0px;
margin:0px;
}
#test
{
	width:780px;
	text-align:center;
border:1px solid #E4E2E2
}
img
{
border:0
}
.ttxt
{
color:#000000;
padding:0px 15px 0px 15px;
font-size:11px;
line-height:17px
}
.next a
{
color:#000000;
text-decoration:underline
}
.next a:hover
{
color:#ff0000;
text-decoration:none
}

.pline
{
color:#333333;
padding:0px 0px 5px 20px;
font-weight:bold;
font-family:Arial;
font-size:11px;
}
.thead
{
color:#990000;
padding-left:10px;
font-weight:bold;
font-family:Arial;
font-size:12px;
}
.tlinks
{
color:#990000;
font-weight:bold;
text-align:right;
padding-right:10px;
font-family:Arial;
font-size:11px;
}
.tlinks a
{
color:#990000;
text-decoration:none
}
.tlinks a:hover
{
color:#000;
text-decoration:underline
}
.tlinks1
{
color:#333;
font-weight:bold;
padding-left:10px;
font-family:Arial;
font-size:11px;
}
.tlinks1 a
{
color:#333;
text-decoration:none
}
.tlinks1 a:hover
{
color:#990000;
text-decoration:underline
}
.htlinks
{
color:#fff;
padding-left:35px;
font-weight:bold;
font-family:Arial;
font-size:12px;
}
.htlinks a
{
color:#fff;
text-decoration:none
}
.htlinks a:hover
{
color:#CC0000;
text-decoration:underline
}

.headerlinks
{
color:#DC5605;
padding-left:28px;
font-weight:bold;
font-family:Arial;
font-size:12px;
}
.headerlinks a
{
color:#DC5605;
text-decoration:none
}
.headerlinks a:hover
{
color:#333;
text-decoration:underline
}

.flinks
{
color:#000;
line-height:23px;
padding-top:25px;
padding-left:15px;
font-family:Arial;
font-size:11px;
}
.flinks a
{
color:#000;
text-decoration:none
}
.flinks a:hover
{
color:#CC0000;
text-decoration:underline
}

.llinks
{
color:#000;
line-height:17px;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
padding-left:20px;
font-family:Arial;
font-size:11px;
}
.llinks a
{
color:#000;
text-decoration:none
}
.llinks a:hover
{
color:#CC0000;
text-decoration:underline
}

.tab1
{
color:#000;

font-family:Arial;
font-size:11px;
}
.holinks
{
color:#000;
line-height:19px;
padding-top:15px;
padding-left:15px;
font-family:Arial;
font-size:11px;
}
.holinks a
{
color:#000;
text-decoration:none
}
.holinks a:hover
{
color:#CC0000;
text-decoration:underline
}


.prodetails
{
color:#000;
padding-top:5px;
padding-left:0px;
padding-right:15px;
font-family:Arial;
font-size:11px;
}
.prodetails a
{
color:#000;
text-decoration:underline
}
.prodetails a:hover
{
color:#CC0000;
text-decoration:none
}
.rfq
{
color:#9F2702;
padding-top:5px;
padding-left:0px;
font-weight:bold;
font-family:Arial;
font-size:11px;
}
.rfq a
{
color:#9F2702;
text-decoration:underline
}
.rfq a:hover
{
color:#CC0000;
text-decoration:none
}
.query
{
color:#000;
line-height:23px;
padding-top:15px;
padding-left:15px;
font-family:Arial;
font-size:11px;	
}
/*
.w3clogo
{
float:left;
padding-top:4px
}
*/

ul#topnav {
    height:24px;
    list-style:none;
    font-weight:bold;
    margin:0px;
    padding:0px;
    width:780px;
}
ul#topnav li { 
    display: inline
}
ul#topnav li a { 
    color:#fff;
    float:left;
	height:26px;
    width:130px;
    font-size:11px;
    line-height:27px;
    text-align:center;
    text-decoration:none;
    background-color:#F4F3F3;
    
}
ul#topnav li a:hover { 
    background-color:#F5F5F4;
    color:#333
}
ul#topnav li .t1
{
background-color:#99CC66
}
ul#topnav li .t2
{
background-color:#FFCC33
}
ul#topnav li .t3
{
background-color:#6699CC
}
ul#topnav li .t4
{
background-color:#FF6666
}
ul#topnav li .t5
{
background-color:#B757B7
}
ul#topnav li .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;
    float:left;
	height:26px;
    width:130px;
    background-image : url(http://www.esbee-tenders.com/gifs/home-bg.gif);
    padding:5px 5px 5px 7px;
    line-height:17px;
    text-decoration:none;
}
.mdetails
{
    background-image : url(http://www.esbee-tenders.com/gifs/grey-arrow.gif); background-repeat: no-repeat;
    padding:0px 0px 0px 18px;
    font-weight:bold;
    color:#333
}
.mdetails a
{
    color:#333;
    text-decoration:underline
}
.mdetails a:hover
{
    color:#D81E13;
    text-decoration:none
}
.subnav
{
width:780px;
height:37px;
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:60px;
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
}
.htxt
{
color:#000;
font-size:11px;	
padding:5px 0px 5px 20px;
}

.txt1
{
color:#333;
font-size:11px;	
line-height:17px;
padding:5px 5px 0px 5px;
}

.txt
{
color:#333;
font-size:11px;	
line-height:17px;
padding:5px 10px 0px 10px;
}
.txt a
{
color:#990000;
text-decoration:none
}
.txt a:hover
{
color:#000;
text-decoration:none
}
.tabtxt
{
color:#333;
font-size:11px;	
line-height:17px;
padding:10px 0px 10px 10px;
}

.txth
{
color:#333;
font-size:11px;	
line-height:17px;
padding:5px 75px 0px 28px;
}
.txth a
{
color:#333;
text-decoration:underline
}
.txth a:hover
{
color:#000;
text-decoration:none
}

.more
{
color:#333;
font-size:11px;	
font-weight:bold;
line-height:17px;
padding:5px 75px 0px 28px;
}
.more a
{
color:#333;
text-decoration:underline
}
.more a:hover
{
color:#000;
text-decoration:none
}

h1
{
color:#990000;
width:100%;
font-size:18px;
border-bottom:1px solid #ccc;
padding:15px 10px 0px 10px;
margin-bottom:5px;
}

.plr
{
background-image:url(http://www.esbee-tenders.com/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(http://www.esbee-tenders.com/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(http://www.esbee-tenders.com/gifs/intro-txt-bg.gif);
width:586px;
padding:2px 20px 2px 20px;
}
.imgl
{
float:left
}
#container
{
width:780px;
height:300px;
min-height:450px
}
#content
{
float:left;
width:570px;
}
h3
{
font-size:12px;
width:100%;
border-bottom:1px solid #ccc;
margin:0px 0px 0px 0px;
color:#cc0000;
padding:10px 0px 0px 10px;	
}

/* popup start */

.info {padding-top:0px; z-index:1; width:213px;}
.menu {position:relative; top:0px; left:0px;}

.menu a.p1, #menu a.p1:visited {width:213px;}
.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; z-index:2; top:-144px; left:5px; width:420px; height:420px;}

.menu a.p2, #menu a.p1:visited {width:227px;}
.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;}
.menu a.p2:hover .large {position:absolute; z-index:2; top:-142px; left:0px; width:386px; height:236px;}

.menu a.p3, #menu a.p1:visited {width:227px;}
.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; z-index:2; top:-167px; left:0px; width:386px; height:236px;}

/* popup ends */

/* popup start */

.info1 {padding-top:0px; z-index:4; width:229px;}
.menu1 {position:relative; top:0px; left:0px; z-index:3;}

.menu1 a.p1, #menu a.p1:visited {width:229px;}
.menu1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu1 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu1 a.p1:hover .large {position:absolute; z-index:2; top:-56px; left:0px; width:350px; height:315px;}

.info2 {padding-top:0px; z-index:1; width:213px;}
.menu2 {position:relative; top:0px; left:0px;}

.menu2 a.p1, #menu a.p1:visited {width:213px;}
.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; z-index:2; top:-116px; left:221px; width:420px; height:420px;}

/* popup ends */


.info4 {padding-top:0px; z-index:1; width:185px;}
.menu4 {position:relative; top:0px; left:0px;}

.menu4 a.p1, #menu a.p1:visited {width:227px;}
.menu4 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu4 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu4 a.p1:hover .large {position:absolute; z-index:2; top:-116px; left:180px; width:386px; height:236px;}

.menu4 a.p2, #menu a.p1:visited {width:227px;}
.menu4 a.p2:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu4 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu4 a.p2:hover .large {position:absolute; z-index:2; top:-142px; left:180px; width:386px; height:236px;}

.menu4 a.p3, #menu a.p1:visited {width:227px;}
.menu4 a.p3:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.menu4 a .large {width:0; height:0; border:0;  top:0; left:0;}
.menu4 a.p3:hover .large {position:absolute; z-index:2; top:-167px; left:0px; width:386px; height:236px;}


.imgdetails
{
color:#333;
}
.imgdetails1
{
color:#333;
}
.detr
{
float:right;
padding:0px 30px 0px 30px 
}
.imager
{
padding:0px 0px 10px 10px;
color:#333
}
.detl
{
float:left;
}
.detl1
{
float:left;
}



.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:#008DBF;	
text-decoration:none
}
.details b
{
color:#008DBF;
}
.details .subhead
{
color:#333;
}
#botlinks {
font-size : 11px; 
color : #333333;
text-align:center;
clear:both;
width:720px;
margin:0px 20px 5px 20px;
padding:15px 20px 5px 0px;
border-top:1px solid #ccc
}
#botlinks a
{
color : #333333;
text-decoration:none
}
#botlinks a:hover
{
color : #008DBF;
text-decoration:underline
}
#botlinks b
{
color : #333;
text-decoration:none
}
#footer1 {
font-size : 11px; 
color : #000;
width:730px;
margin:5px 0px 5px 0px;
padding:5px 0px 5px 0px;
text-align:center;
}
#footer1 a {
color : #000;
text-decoration:none
}
#footer1 a:hover {
color : #cc0000;
text-decoration:underline
}
.footer2 {
font-size : 11px; 
color : #333;
margin:5px 20px 2px 20px;
padding:5px 20px 2px 0px;
}
.footer2 a {
color : #333;
text-decoration:underline
}
.footer2 a:hover
{
color : #cc0000;
text-decoration:none
}