.xsnazzy h1, .zsnazzy h1 {
	margin:0;
	font-size:1.2em;
	padding:0 10px 5px 10px;
	border-bottom:1px solid #444;
	z-index: 1;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.zsnazzy {
background: transparent; 
width:250px; 
float:left; 
margin:0 3px;
}

.xsnazzy {
	background: transparent;
	width:250px;
	float:left;
	margin:0 3px;
	height: 300px;
}

.xtop, .xbottom {
	display:block;
	background:transparent;
	font-size:1px;
	border-bottom: 1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:visible;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	height:154px;       /* overall height of the box */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.xboxcontentside {
	display:block;
	border:0 solid #444;
	border-width:0 1px;
	height:322px;       /* overall height of the box */
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html .xboxcontent {
height:1px;
}
.color_a {
	color:#fff;
	background-color: #8C9C9A;  /* top of the box color */ 
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
.color_news {
	width:auto;
	color:#fff;
	background-color: #43BABE;  /* top of the box color news */ 
}
.color_middle {
	width:auto;
	color:#fff;
	background-color: #ffffff;  /* line in the middle of rss box */ 
}
.color_bband {
	width:auto;
	color:#fff;
	background-color: #666699;  /* top of the box color */ 
}
.color_llines {
	width:auto;
	color:#fff;
	background-color: #0099FF;  /* top of the box color */ 
}
.color_support {
	width:auto;
	color:#fff;
	background-color: #FF6666;  /* top of the box color */ 
}
.color_mphones {
	width:auto;
	color:#fff;
	background-color: #FF6699;  /* top of the box color */ 
}
.color_shop {
	width:auto;
	color:#fff;
	background-color: #00cc99;  /* top of the box color */ 
}
.color_services {
	width:auto;
	color:#fff;
	background-color: #993399;  /* top of the box color */ 
}

/* button placement area */

.llines {
z-index: 5;
position: absolute;
top: 473px;
left: 415px;
float: left;
}
.bband {
position: absolute;
top: 640px;
left: 415px;
float: left;
}
/* .mphones {
position: absolute;
top: 473px;
left: 674px;
float: left;
}
*/
.btn_shop {
position: absolute;
top: 640px;
left: 674px;
float: left;
}
.btn_support {
position: absolute;
top: 303px;
left: 927px;
float: left;
}


/*below is tranparent box backgrounds*/
.mphonesbk {
z-index: -10;
position: absolute;
top: 355px;
left: 549px;
float: left;
}
.supportbk {
z-index: -10;
position: absolute;
top: 198px;
left: 825px;
float: left;
}
.bbandbk {
z-index: -10;
position: absolute;
top: 539px;
left: 295px;
float: left;
}
.fixedphonebk {
z-index: -10;
position: absolute;
top: 355px;
left: 295px;
float: left;
}
.shopbk {
z-index: -10;
position: absolute;
top: 539px;
left: 590px;
float: left;
}
.traveltxt {
z-index: 5;
position: absolute;
top: 20px;
left: 8px;
float: left;
}
.bold {
	font-size: 12px;
	font-weight: bold;
}
/*----------------------------list properties-------------------------*/

ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: 0em;
}


/*--------------------------------text in boxes------------------------------------------------------------*/

/* text in boxes */
.mphonesboxtext {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 362px;
left: 535px;
float: left;
line-height:11px;
}
.llinesboxtext {
	display:block;
	border:0;
	height:154px;
	width:250px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 362px;
left: 278px;
float: left;
line-height:11px;
}
.bbboxtext {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 530px;
left: 278px;
float: left;
line-height:11px;
}
.shopboxtext {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 530px;
left: 535px;
float: left;
line-height:11px;
}
.supboxtext {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 192px;
left: 791px;
float: left;
line-height:11px;
}
.links {
margin:auto;
}
.testilinks {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 630px;
left: 310px;
float: left;
line-height:20px;
}
}
.demolinks {
	display:block;
	border:0;
	height:154px;       
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
top: 470px;
left: 290px;
float: left;
line-height:20px;
}

/* flash banner placement --------------------------------------------------------FLASH-----------*/
.flbanner {
	top: 163px;
	left: 11px;
	float: left;
	position: absolute;
}
/* support box banner placement -------------------------------------------------------------*/
.supportbx {
z-index: -10;
position: absolute;
top: 164px;
left: 778px;
float: left;
}
/* support box banner placement */
.mphonesbx {
z-index: -10;
position: absolute;
top: 333px;
left: 518px;
float: left;
}
/* support box banner placement */
.llinesbx {
z-index: -10;
position: absolute;
top: 333px;
left: 263px;
float: left;
}
/* bband box banner placement */
.bbandbx {
z-index: -10;
position: absolute;
top: 500px;
left: 263px;
float: left;
}
/* shop box banner placement */
.shopbx {
z-index: -10;
position: absolute;
top: 500px;
left: 518px;
float: left;
}
.closew {
position: absolute;
top: 00px;
left: 0px;
float: left;
}
.footer {
position: absolute;
top: 120px;
left: 2px;
float: left;

}
.footertrack {
position: absolute;
top: 175px;
left: 2px;
float: left;
}
.footercrosslink {
position: absolute;
top: 312px;
left: 2px;
float: left;
}
.footercon {
position: absolute;
top: 500px;
left: 2px;
float: left;
}
.footervoip {
position: absolute;
top: 84px;
left: 2px;
float: left;
}
.footerbussol {
position: absolute;
top: 562px;
left: 2px;
float: left;
}
.footerservices {
position: absolute;
top: 198px;
left: 2px;
float: left;
}
.footerllines {
position: absolute;
top: 65px;
left: 2px;
float: left;
}
.footerlatesths {
position: absolute;
top: 320px;
left: 2px;
float: left;
}
.footerabroad {
position: absolute;
top: 270px;
left: 2px;
float: left;
}
.footerquestions {
position: absolute;
top: 380px;
left: 2px;
float: left;
}
.tshootfooter {
position: absolute;
top: 270px;
left: 2px;
float: left;
}
.tariffooter {
position: absolute;
top: 159px;
left: 2px;
float: left;
}
.cherishedfooter {
position: absolute;
top: 740px;
left: 2px;
float: left;
}
.datafooter {
position: absolute;
top: 260px;
left: 2px;
float: left;
}
.hardwarefooter {
position: absolute;
top: 775px;
left: 2px;
float: left;
}
.monthrevfooter {
position: absolute;
top: 1380px;
left: 2px;
float: left;
}
.commsportalfooter {
position: absolute;
top: 840px;
left: 2px;
float: left;
}
.contactfooter {
position: absolute;
top: 250px;
left: 2px;
float: left;
}
.handsfreefooter {
position: absolute;
top: 380px;
left: 2px;
float: left;
}
.partnersfooter {
position: absolute;
top: 540px;
left: 2px;
float: left;
}
.footercsoon {
position: absolute;
top: 20px;
left: 2px;
float: left;
}
.footerlinks {
position: absolute;
top: 640px;
left: 2px;
float: left;
}
.footerraf {
position: absolute;
top: 780px;
left: 2px;
float: left;
}
.rmifooter {
position: absolute;
top: 330px;
left: 2px;
float: left;
}
.rmiapplyfooter {
position: absolute;
top: 900px;
left: 2px;
float: left;
}
.rmiofferfooter {
position: absolute;
top: 600px;
left: 2px;
float: left;
}
.edfooter {
position: absolute;
top: 630px;
left: 2px;
float: left;
}
.rmioffergenfooter {
position: absolute;
top: 500px;
left: 2px;
float: left;
}
.mobilebbfooter {
position: absolute;
top: 320px;
left: 2px;
float: left;
}
.directoryfooter {
position: absolute;
top: 360px;
left: 2px;
float: left;
}
.greenfooter {
	position: absolute;
top: 35px;
left: 2px;
float: left;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:1050px; 
font-size:0.85em;
padding-bottom:5px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:145px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:145px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	width:139px;
	height:30px;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#8C9C9A;
	padding-left:10px;
	line-height:29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menub {   /* for the footer */
	font-size:11px;
	text-decoration:none;
	color:#fff;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
	background:#fff;
	padding-left:10px;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	float:left;
	width:1010px;
	left:11px;
	top:670px;
	text-align:center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
width:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#000000;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#9999cc; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:125px;
width:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}




