#middlearea1{ float:left; margin:10px 0 0 55px; padding:0; width:680px; position:relative; }
	   #middlearea1 .tbl{ float:left; margin:0; padding:0; background:url(../images/tab_bg.png) no-repeat top left; width:675px; font-weight:bold }
	   #middlearea1 .tbl a{ color:auto;}
	   #middlearea1 .tbl ul{ float:left; margin:0 ; padding:0; width:675px; }
	   #middlearea1 .tbl ul li{ float:left; margin:0; padding:0; font-size:12px; color:#676161; text-align:center; }
	   #middlearea1 .tbl .bld{ font-weight:bold; }
	   #middlearea1 .tbl .bld1{float:left; margin:20px 0 0 4px;}
	   #middlearea1 .tbl .dhp img{ margin-top:3px;}
	   
	   #middlearea1 .tbl .wd:hover, #middlearea1 .tbl .wd4:hover, #middlearea1 .tbl .wd5:hover { text-decoration:underline;}
	   #middlearea1 .tbl .wd1{ float:left; width:40px; padding:7px 0; text-align:center;}
	   #middlearea1 .tbl .wd2{ float:left; width:65px; padding:7px 0; text-align:center;}
	   #middlearea1 .tbl .wd3{ float:left; padding:7px 0; width:150px; text-align:center;}
	   #middlearea1 .tbl .wd{ float:left; padding:7px 0; width:65px; text-align:center; cursor:pointer;}
	   #middlearea1 .tbl .wd4{ float:left; padding:7px 0; width:75px; text-align:center; cursor:pointer;}
	   #middlearea1 .tbl .wd5{ float:left; padding:7px 0; width:55px; text-align:center; cursor:pointer;}
	   #middlearea1 .tbl .md1{ float:left; width:40px; padding:25px 0; margin-right:2px; text-align:center; height:28px;}
	   #middlearea1 .tbl .md2{ float:left; width:65px; padding:15px 0; text-align:center; height:48px;}
	   #middlearea1 .tbl .md3{ float:left; padding:15px 2px; width:146px; margin-right:2px; text-align:center; height:48px;}
	   #middlearea1 .tbl .md{ float:left; padding:28px 0; width:65px; margin-right:2px; text-align:center; height:22px; font-size:15px;}
	   #middlearea1 .tbl .md4{ float:left; padding:28px 0; width:75px; margin-right:2px; text-align:center; height:22px; font-size:14px;}
	   #middlearea1 .tbl .md5{ float:left; padding:2px 0; width:55px; margin-right:2px; text-align:center; height:74px;}
	   
	   #middlearea1 .tbl ul li a{ color:#676161; }
	   #middlearea1 .tbl ul li a:hover{ text-decoration:underline;}
	   #middlearea1 .tbl .aa:hover{ background-position:bottom;}
	   #middlearea1 .tbl .aa {  background:url(../images/tbac.png) no-repeat top left; width:675px; height:78px;}
       .bor{ border:1px solid #ccc; }
	   #middlearea1 ul li .morinf{ float:left; margin:0; padding:0;}
	   #middlearea1 ul li .morinf a{ background:url(../images/moreinfo1.png) no-repeat top; width:60px; height:20px; }
	   #middlearea1 ul li .morinf a:hover{ background:url(../images/moreinfo1.png) no-repeat bottom; width:60px; height:20px; }

       #middlearea1 .tbl .bgc{ background-image:url(../images/sorting_img.png);}
       #middlearea1 .tbl h3{ display:inline; margin:0; padding:0; font-size:13px; color:#003366;}

	   #middlearea1 .tbl .bl{color:#003399;}
	   #middlearea1 .tbl .gr{color:#009900; font-weight:bold;}
	   #middlearea1 .tbl .gra{color:#003300;}
	   #middlearea1 .tbl .or{color:#f47505;}
	   #middlearea1 .tbl .re{color:#CC0066;}
	   #middlearea1 .tbl .prpl{ color:#b13cee;}
	   #middlearea1 .imge{float:left; margin:20px 0 0 0; width:65px; text-align:center;}
                    .tbl .info{background-color:#0066FF; color:#FFFFFF; font-size:9px; padding:0px 2px ; }
       #middlearea1 .tbl .gr a{ color:#009900; font-weight:bold; }
	   #middlearea1 .tbl .bl a{ color:#003399; font-weight:bold; }
	   #middlearea1 .tbl .gra a{ color:#003300; font-weight:bold; }
	   #middlearea1 .tbl .or a{ color:#f47505; font-weight:bold; }
	   #middlearea1 .tbl .re a{ color:#CC0066; font-weight:bold; }
	   #middlearea1 .tbl .prpl a{ color:#b13cee; font-weight:bold; }
	   #middlearea1 .tbl ul li .wid{ float:left; width:20px; }
       #middlearea1 .tabtxt{float:left; margin:0 0 5px 0; padding:0 0 0 5px; background-color:#707070; color:#FFFFFF; width:670px; height:14px; font-size:11px; }
       #middlearea1 .im{margin:2px 0 0 0;}
       #middlearea1 .network{background:url(../images/networkbg.png) no-repeat top; width:672px; height:39px; }
       #middlearea1 .network .img{ float:left; margin:3px 5px 2px 5px; padding:0; width:60px; height:30px; border:1px solid #ccc; }
                             .img .ma{margin:2px 6px 0 3px;}
       #middlearea1 .mor1 a{ display:block; margin:5px 0 0 3px; background:url(../images/moreinfo1.png) no-repeat; width:60px; height:20px;}
       #middlearea1 .mor1 a:hover{ display:block; background:url(../images/moreinfo1.png) no-repeat bottom; width:60px; height:20px;}
       #middlearea1 .network{ margin:0 0 0 2px; background:url(../images/networkbg.png) no-repeat top; width:672px; height:38px; padding:1px 0 0 0; color:#FFFFFF; }
                    .network .net { float:left; margin:10px 13px 0 6px; padding:0; background:url(../images/network/net.png) no-repeat bottom; width:87px; height:13px; cursor:pointer;}
                    .network .net:hover{ background-position:bottom;}
                  
				    .network .vodafone { float:left; margin:0 0 0 2px; display:block; padding:0; background:url(../images/network/vodafone_hover.png) no-repeat; width:90px; height:35px; cursor:pointer;}
				    .network .vodafone_h { float:left; margin:0 0 0 2px; display:block; padding:0; background:url(../images/network/vodafone_hidden.png) no-repeat; width:90px; height:35px;}
				    .network .vodafone:hover { background-position:bottom;}

                    .network .three {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/three_hover.png) no-repeat; width:90px; height:35px; cursor:pointer;}
                    .network .three_h {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/three_hidden.png) no-repeat; width:90px; height:35px; }
                    .network .three:hover{ background-position:bottom;}

                    .network .o2 { float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/o2_hover.png) no-repeat; width:90px; height:35px; cursor:pointer;}
                    .network .o2_h { float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/o2_hidden.png) no-repeat; width:90px; height:35px;}
                    .network .o2:hover { background-position:bottom;}
 
                    .network .orange { float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/orange_hover.png) no-repeat; width:90px; height:35px; color:#FFFFFF; cursor:pointer; }
                    .network .orange_h { float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/orange_hidden.png) no-repeat; width:90px; height:35px; color:#FFFFFF; }
                    .network .orange:hover { background-position:bottom;}

                    .network .tmobile {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/tmobile_hover.png) no-repeat; width:90px; height:35px; color:#FFFFFF; cursor:pointer;}
                    .network .tmobile_h {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/tmobile_hidden.png) no-repeat; width:90px; height:35px; color:#FFFFFF; }
                    .network .tmobile:hover { background-position:bottom;}


                    .network .virgin {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/virgin_hover.png) no-repeat; width:90px; height:35px; color:#FFFFFF; cursor:pointer; }
                    .network .virgin_h {float:left; margin:0 0 0 2px; padding:0; background:url(../images/network/virgin_hidden.png) no-repeat; width:90px; height:35px; color:#FFFFFF; }
                    .network .virgin:hover { background-position:bottom;}


.plink {width:660px; float:left; margin:10px;}
.plink ul{ list-style-type:none; margin:0; padding:0; float:right; background-color:#FFFFFF;}
.plink ul li{ list-style-type:none; margin:0; padding:0; float:left; font-weight:bold; font-size:13px; color:#999999;} 
.plink a{ color:#999999; height:18px; text-align:center; text-decoration:none;  margin:0 4px; padding:3px; cursor:pointer;}
.plink a:hover{ background-color:#999999; color:#FFFFFF;}
.plink ul li span{ height:18px; color:#ffffff; margin:0 4px; padding:3px; background-color:#003366;}
.plink div { float:left; width:200px; color:#999999; font-size:13px; font-weight:bold;}

#filter
{
	display: none;
	position: absolute;
	top: 40px;
	left: 0%;
	width: 675px;
	height: 98%;
	background-image:url(../images/semi-transparent.gif);
	z-index:10;
	opacity:0.7;
	filter: alpha(opacity=70);
	text-align:center;
	padding-top:50px;
}

.tooltip{
position:absolute;
left:-1000px;
top:60;
background-color:#dedede;
padding:2px;
border:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-style:normal;
}

.tooltip p{
margin:0;
padding:5px;
color:#fff;
background-color:#222;

}